Tempered Cocoa color palette — #EAFBE8 · #46A8AF · #4D6A9A · #6D4300 · #224152

Bronze and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAFBE8): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#46A8AF): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4D6A9A): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#6D4300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#224152): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged retro, muted, cool.

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

• Wandering Azure Meadow color palette (#DCFEF3, #609DD5, #765C92, #475424, #303D54)
• Jade Lantern color palette (#FFF0FA, #5CAA81, #1E7589, #723A43, #214349)
• Lagoon Harbor color palette (#E7F9FF, #009BA4, #7D4F85, #5F4200, #2B380A)
• Cypress Pier color palette (#EBF9F2, #88BCB2, #4F7F68, #3B606E, #264A44)
• Soft Nightshade color palette (#C6F1D5, #008AAC, #4836B7, #443700, #002B49)
• Tempered Cypress Market color palette (#D4F3FF, #A5C2DB, #777E9F, #476B57, #35514F)
• Frosted Aubergine color palette (#EEF5E5, #64A4CC, #426BAA, #682964, #002A21)
• Cobalt Alley color palette (#D9E7F2, #007AAE, #293244, #152029, #070C14)

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