Tempered Cocoa color palette — #ECF7FB · #65A4A8 · #756798 · #853927 · #174C43

Built around Rust, softened by Slate — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#ECF7FB): bright and airy, almost weightless.
• Blue Fog (#65A4A8): A luminous, dusty blue — the color of deep harbor water.
• Slate (#756798): A full-bodied, dusty violet — the color of a velvet chair.
• Rust (#853927): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#174C43): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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 Basin color palette (#EEF6FE, #729CC5, #915D7C, #6E4D00, #114D41)
• Tempered Mulberry Quarry color palette (#E9F9FA, #62A88E, #5770A1, #833451, #4E420C)
• Weathered Lantern color palette (#E7F9FF, #B4C4D1, #818FA3, #856B83, #5F4545)
• Indigo Coast color palette (#E7F5F2, #86A871, #7663AD, #5A4B12, #0D2F1C)
• Dusty Lagoon color palette (#F0F7F2, #ABC9BD, #5B8C83, #446E71, #3B534B)
• Patina Drift color palette (#EAF7FF, #008BAC, #793696, #6A2900, #153A00)
• Weathered Lilac Quarry color palette (#F6F6EC, #A1BC83, #9C7BC1, #756A27, #45423B)
• Wandering Parlor color palette (#F1F7F2, #DADDED, #819AC3, #017B96, #485268)

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