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 catppuccinlatteeditorlight-firstpastel

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.