Created at 12/12/2025 09:14
Catppuccin Latte Base Colors
- latte-rosewater#dc8a78
- latte-flamingo#dd7878
- latte-pink#ea76cb
- latte-mauve#8839ef
- latte-red#d20f39
- latte-maroon#e64553
- latte-peach#fe640b
- latte-yellow#df8e1d
- latte-green#40a02b
- latte-teal#179299
- latte-sapphire#209fb5
- latte-sky#04a5e5
- latte-blue#1e66f5
- latte-lavender#7287fd
The palette consists of Light, Semi dark colors. Accent colors latte-peach #fe640b and latte-lavender #7287fd. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #179299 (darkest) to #7287FD (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans warm.
HEX codes (sorted): #04A5E5, #179299, #1E66F5, #209FB5, #40A02B, #7287FD, #8839EF, #D20F39, #DC8A78, #DD7878, #DF8E1D, #E64553, #EA76CB, #FE640B
Palette Catppuccin Latte Base Colors has combination of 14 codes colors:
HEX: #dc8a78, RGB: (220, 138, 120); HEX: #dd7878, RGB: (221, 120, 120); HEX: #ea76cb, RGB: (234, 118, 203)
HEX: #8839ef, RGB: (136, 57, 239); HEX: #d20f39, RGB: (210, 15, 57); HEX: #e64553, RGB: (230, 69, 83)
HEX: #fe640b, RGB: (254, 100, 11); HEX: #df8e1d, RGB: (223, 142, 29); HEX: #40a02b, RGB: (64, 160, 43)
HEX: #179299, RGB: (23, 146, 153); HEX: #209fb5, RGB: (32, 159, 181); HEX: #04a5e5, RGB: (4, 165, 229)
HEX: #1e66f5, RGB: (30, 102, 245); HEX: #7287fd, RGB: (114, 135, 253)
Simplified version of palette colors
Tint of darksalmon, Tint of lightcoral, Shade of orchid, Shade of blueviolet, Tint of crimson, Tint of indianred, Shade of orangered, Shade of peru, Shade of forestgreen, Shade of darkcyan, Tint of cadetblue, Tint of deepskyblue, Tint of royalblue, Tint of cornflowerblue
Color scheme was created by keladeine
Colors codes in palette
Catppuccin Latte Base Colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #dc8a78 | #dc8a78 | RGB(220, 138, 120) | latte-rosewater | — |
| #dd7878 | #dd7878 | RGB(221, 120, 120) | latte-flamingo | — |
| #ea76cb | #ea76cb | RGB(234, 118, 203) | latte-pink | — |
| #8839ef | #8839ef | RGB(136, 57, 239) | latte-mauve | — |
| #d20f39 | #d20f39 | RGB(210, 15, 57) | latte-red | — |
| #e64553 | #e64553 | RGB(230, 69, 83) | latte-maroon | — |
| #fe640b | #fe640b | RGB(254, 100, 11) | latte-peach | — |
| #df8e1d | #df8e1d | RGB(223, 142, 29) | latte-yellow | — |
| #40a02b | #40a02b | RGB(64, 160, 43) | latte-green | — |
| #179299 | #179299 | RGB(23, 146, 153) | latte-teal | — |
| #209fb5 | #209fb5 | RGB(32, 159, 181) | latte-sapphire | — |
| #04a5e5 | #04a5e5 | RGB(4, 165, 229) | latte-sky | — |
| #1e66f5 | #1e66f5 | RGB(30, 102, 245) | latte-blue | — |
| #7287fd | #7287fd | RGB(114, 135, 253) | latte-lavender | — |
Color Palette Contrast
85 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#dc8a78 | #dd7878 | 1.13 |
#dc8a78 | #ea76cb | 1 |
#dc8a78 | #e64553 | 1.48 |
#dc8a78 | #fe640b | 1.12 |
#dc8a78 | #df8e1d | 1 |
#dc8a78 | #40a02b | 1.26 |
Image palette Catppuccin Latte Base Colors png
Export Palette
Download the "Catppuccin Latte Base Colors" in multiple formats for seamless integration into your design projects.
Available formats: