Catppuccin Latte
The light flavor of Catppuccin — a community-driven pastel theme with six accents and six surface tones. Latte is the warm-cream daytime variant of the family (Frappé / Macchiato / Mocha being the dark cousins). Both light and dark mode role mappings draw exclusively from the Latte palette: light maps the canonical role taxonomy (base/mantle/ crust + surfaces); dark "mode" within Latte is a role-shifted view where deeper crust/mantle become the canvas and text contrast is preserved.
26 swatches 14 light roles 14 dark roles
Swatches
rosewater
#DC8A78
Soft pink-tan accent.
flamingo
#DD7878
Coral pink accent.
pink
#EA76CB
Vivid pink accent.
mauve
#8839EF
Purple accent (signature).
red
#D20F39
Error / red accent.
maroon
#E64553
Warm red accent.
peach
#FE640B
Orange / peach accent.
yellow
#DF8E1D
Warning / yellow accent.
green
#40A02B
Success / green accent.
teal
#179299
Teal accent.
sky
#04A5E5
Sky-blue accent.
sapphire
#209FB5
Sapphire accent.
blue
#1E66F5
Primary / blue accent.
lavender
#7287FD
Lavender accent.
text
#4C4F69
Primary text.
subtext1
#5C5F77
Secondary text.
subtext0
#6C6F85
Tertiary text.
overlay2
#7C7F93
Brightest overlay.
overlay1
#8C8FA1
Mid overlay.
overlay0
#9CA0B0
Subtle overlay.
surface2
#ACB0BE
Brightest surface.
surface1
#BCC0CC
Mid surface.
surface0
#CCD0DA
Subtle surface.
base
#EFF1F5
Canvas (light).
mantle
#E6E9EF
Slightly darker than base.
crust
#DCE0E8
Darkest neutral.
Mode role mappings
Light mode (14 roles)
accent
→ mauve accent-hover
→ pink background
→ base error
→ red primary
→ blue primary-hover
→ sapphire success
→ green surface
→ mantle surface-elevated
→ crust text-primary
→ text text-secondary
→ subtext1 text-tertiary
→ subtext0 warning
→ yellow warning-hover
→ peach Dark mode (14 roles)
accent
→ mauve accent-hover
→ pink background
→ crust error
→ red primary
→ blue primary-hover
→ sapphire success
→ green surface
→ mantle surface-elevated
→ base text-primary
→ text text-secondary
→ subtext1 text-tertiary
→ subtext0 warning
→ yellow warning-hover
→ peach Provenance
- Source
- https://github.com/catppuccin/palette/blob/main/palette.json
- License
MIT- Attribution
- Catppuccin community — github.com/catppuccin
- Imported
-
2026-05-17(upstream version 1.8.0) - Notes
- Hex values from the canonical Catppuccin palette.json (v1.8.0, latte flavor). Both modes.light and modes.dark draw from the same Latte palette — Latte is a light-first flavor, so the dark mode here is a within-Latte role-shift, not the Mocha flavor.