Catppuccin Frappe

Catppuccin Frappe - a soothing dark pastel theme. Native dark mode; the light mode role map is a sensible inversion that preserves accent identity (mauve = primary, etc.).

26 swatches 15 light roles 15 dark roles catppuccindarkpasteldeveloper

Swatches

rosewater
#f2d5cf
flamingo
#eebebe
pink
#f4b8e4
mauve
#ca9ee6
red
#e78284
maroon
#ea999c
peach
#ef9f76
yellow
#e5c890
green
#a6d189
teal
#81c8be
sky
#99d1db
sapphire
#85c1dc
blue
#8caaee
lavender
#babbf1
text
#c6d0f5
subtext1
#b5bfe2
subtext0
#a5adce
overlay2
#949cbb
overlay1
#838ba7
overlay0
#737994
surface2
#626880
surface1
#51576d
surface0
#414559
base
#303446
mantle
#292c3c
crust
#232634

Mode role mappings

Light mode (15 roles)

accent → pink
background → crust
error → red
info → sky
outline → overlay2
primary → mauve
primary-hover → lavender
secondary → blue
success → green
surface → surface0
surface-elevated → surface1
text-primary → crust
text-secondary → surface2
text-tertiary → overlay1
warning → peach

Dark mode (15 roles)

accent → pink
background → base
error → red
info → sky
outline → overlay0
primary → mauve
primary-hover → lavender
secondary → blue
success → green
surface → mantle
surface-elevated → surface0
text-primary → text
text-secondary → subtext1
text-tertiary → subtext0
warning → peach

Provenance

Source
https://raw.githubusercontent.com/catppuccin/palette/main/palette.json
License
MIT
Attribution
Catppuccin palette by the Catppuccin organization (github.com/catppuccin/palette)
Imported
2026-05-17 (upstream version 1.8.0)
Notes
Hex values verbatim from the upstream palette.json. Role mappings follow Catppuccin's design guidance: the same accent name (mauve = primary, red = error, green = success, peach = warning) is used across all four flavors so themes can be switched without changing role semantics.