Tempered Cocoa color palette — #D8F1E3 · #52AAB5 · #4C75A8 · #6D3C00 · #3D3F00

Built around Bronze, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D8F1E3): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#52AAB5): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4C75A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6D3C00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3D3F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Aged Loft color palette (#D5F4D4, #7AADC2, #787BAD, #765800, #37501F)
• Garnet Lantern color palette (#E1E4C7, #79AF8F, #007D86, #8F1931, #5D3700)
• Wandering Cerulean color palette (#C6F0E2, #6488B2, #675177, #3D3D00, #00351F)
• Ancient Pier color palette (#CBEFDF, #B391AB, #8F6C70, #585600, #264432)
• Frosted Sky Chapel color palette (#D0FAF8, #5DC6FF, #9392DF, #906E3F, #593900)
• Ancient Petrol color palette (#FFF2EB, #83C5C5, #007B92, #005937, #003753)
• Ancient Bronze Garden color palette (#ECFAE8, #BED4C7, #9F8C9A, #936E2C, #465141)
• Softworn Cornflower color palette (#CEE3F1, #79AEF6, #6578D6, #814B70, #62203B)

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