Color Palette
Rosewater
Flamingo
Pink
Mauve
Red
Maroon
Peach
Yellow
Green
Teal
Sky
Sapphire
Blue
Lavender
Text Colors
Primary text - Lorem ipsum dolor sit amet
Secondary text - consectetur adipiscing elit
Tertiary text - sed do eiusmod tempor incididunt
Surface & Background Colors
Crust - Deepest background
Mantle - Deep background
Base - Main background
Surface0 - Elevated surface
Surface1 - More elevated
Surface2 - Highest elevation
UI Components
Buttons
Cards
Feature Card
This is a sample card with Catppuccin colors.
Info Card
Another example showcasing the beautiful palette.
Success Card
Green accents for positive actions and feedback.
Form Elements
Status Indicators
Active - System operational
Warning - Minor issues detected
Error - Service unavailable
Info - New updates available
Colored Text Examples
Rosewater • Flamingo • Pink • Mauve • Red • Maroon • Peach
Yellow • Green • Teal • Sky • Sapphire • Blue • Lavender
This paragraph demonstrates how all the colors work together in text form, creating a harmonious and beautiful color scheme that's easy on the eyes.