Tempered Cocoa color palette — #ECF7FC · #58A5B2 · #786694 · #813C2A · #384924

Built around Rust, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF7FC): a clean, paper-quiet neutral.
• Cyan (#58A5B2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#786694): A full-bodied, dusty violet — the color of twilight just after sunset.
• Rust (#813C2A): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#384924): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

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

• Chestnut Veranda color palette (#F0F6FD, #789AC9, #925D7B, #734900, #224C37)
• Mulberry Harbor color palette (#E9F9FB, #69A697, #56719E, #773C61, #583C1C)
• Basalt Harbor color palette (#E8F8FF, #B5C8D9, #8E99AD, #7B6776, #614744)
• Worn Alley color palette (#E6F6F3, #83A878, #7E639D, #524F0A, #0B2F21)
• Washed Ridge color palette (#EDF8F3, #A8C9C0, #5E8B86, #426E74, #3C534C)
• Linen Grape color palette (#ECF7FF, #0089B7, #81289D, #6D2600, #233800)
• Ancient Mint color palette (#F3F7ED, #70C69E, #AD78A3, #836324, #46423B)
• Softworn Glacier color palette (#EEF8F0, #65DAED, #AD9EDC, #AF7573, #44423B)

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