Tempered Cocoa color palette — #E9F9FA · #5FA894 · #736897 · #813F00 · #154B4D
A conversation between Bronze and Turquoise, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#E9F9FA): a clean, paper-quiet neutral.
- Turquoise (#5FA894): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#736897): A full-bodied, dusty violet — the color of wild irises.
- Bronze (#813F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#154B4D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, 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
- Timeworn Chestnut color palette (#F1F5FD, #8896C0, #7F6392, #675000, #14495D)
- Hushed Mulberry Loft color palette (#ECF7FA, #53A8A5, #3C7992, #84344D, #304A29)
- Petrol Study color palette (#EDF8F3, #A9C8C2, #5B8B8C, #436C7D, #39534E)
- Dusty Pewter color palette (#F7EFF7, #799ED3, #845EA3, #71364A, #0C2F1C)
- Washed Quarry color palette (#EEF6FE, #4F8EC4, #974359, #3B5100, #003F4C)
- Faded Aubergine color palette (#E6F9FF, #008F91, #832996, #503D00, #003839)
- Patina Lilac Drift color palette (#EFF6FE, #8FB2EF, #A178C1, #925269, #264854)
- Cypress Balcony color palette (#F9F3F8, #D5DFEF, #6DA1BE, #1E806D, #435469)
Browse the whole catalog at Explore, or see today's palette.