Tempered Cocoa color palette — #CFE8DA · #55A1A5 · #4E6F9C · #6B3B00 · #272600

Bronze and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CFE8DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Storm Blue (#55A1A5): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4E6F9C): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6B3B00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#272600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Ancient Drift color palette (#C3EEED, #59A7E4, #635F95, #5A4500, #2E2200)
• Hushed Garnet Balcony color palette (#EAECD9, #57A97E, #0D737C, #731A23, #3A1C00)
• Soft Meadow color palette (#D6E8D6, #6BC1B7, #5786AF, #9C3C00, #443D00)
• Washed Spruce Basin color palette (#C6EDFD, #7C97B5, #5E5E82, #174235, #092400)
• Washed Mulberry Drift color palette (#DBEFFA, #74749F, #723A66, #193700, #001B0E)
• Patina Ash Market color palette (#D9F9FE, #B3C5D1, #8592AB, #566A58, #32483E)
• Mulberry Alley color palette (#E8EFFF, #9B9DC9, #835FB1, #8D1142, #75191D)
• Mulberry Grove color palette (#EBF7FF, #96C6FE, #8495D5, #8D4A7E, #561431)

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