Tempered Cocoa color palette — #C7E9FB · #006385 · #813200 · #5E2F00 · #00141F

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C7E9FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006385): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#813200): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5E2F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#00141F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Cocoa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Ancient Veranda color palette (#D1F1F1, #006869, #920038, #563400, #001616)
• Wandering Ultramarine color palette (#E0EDFF, #0050C2, #6A4500, #333E0B, #02102D)
• Aged Cobalt color palette (#D1E8FF, #0075C1, #925200, #4B5A00, #002544)
• Olive Cabin color palette (#DDE9DE, #837800, #5B4000, #411D00, #001B15)
• Washed Aubergine color palette (#D5EEFE, #005F87, #6315A6, #004735, #000408)
• Byzantium Dune color palette (#DBDDF5, #8449B9, #576700, #00573C, #1C1A3A)
• Lilac Villa color palette (#BDE7FF, #8AB5FF, #A279CA, #005651, #002A41)
• Nightshade Station color palette (#E8ECFE, #3400B1, #403200, #1D2900, #01000E)

Browse the whole catalog at Explore, or see today's palette.