Tempered Cocoa Boulevard color palette — #EEF8F4 · #508DB1 · #6C6597 · #783427 · #30322B

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

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Cerulean (#508DB1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6C6597): A full-bodied, dusty violet — the color of a velvet chair.
• Rust (#783427): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#30322B): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Tempered Cocoa Boulevard 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

• Worn Mulberry color palette (#F1F8ED, #549282, #396994, #7A3052, #383730)
• Cocoa Terrace color palette (#F1F7ED, #6DA595, #636C9F, #853A1B, #194D3C)
• Ancient Ridge color palette (#FCF2F9, #7C8BBB, #875274, #654F00, #273B2E)
• Timeworn Cerulean color palette (#E8F6EE, #4486A0, #463645, #1C2D25, #101715)
• Mulberry Hollow color palette (#FFF0FB, #5967AB, #742666, #483400, #092410)
• Driftwood Pier color palette (#E8F6EF, #888835, #9B557B, #713C34, #152015)
• Lagoon Garden color palette (#F2F7F2, #D3DCDC, #BBAEA5, #4C8F8F, #4F544E)
• Timeworn Aqua color palette (#E9F8FD, #41D6CB, #CA8FA8, #A7798C, #2C3B34)

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