Tempered Cocoa color palette — #D7EEEC · #5FA2C4 · #67638B · #663E00 · #39342E
Built around Bronze, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D7EEEC): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#5FA2C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#67638B): A full-bodied, dusty violet — the color of twilight just after sunset.
- Bronze (#663E00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#39342E): a grounded near-black with real depth.
Feels like: 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
- Weathered Petrol Balcony color palette (#D2E4D6, #53A9AE, #42699A, #514A45, #3D3732)
- Aged Study color palette (#B4EFF6, #71ADD7, #776994, #6E4E00, #3F4100)
- Weathered Iris Bloom color palette (#D7EDFB, #8B8ACA, #7E5075, #484740, #35342D)
- Wandering Ridge color palette (#D4ECD6, #0AA89F, #467869, #713518, #5C2102)
- Timeworn Bronze color palette (#E0F1F4, #91BEE2, #8A91CD, #A35A4B, #523412)
- Patina Petrol Veranda color palette (#F7ECE6, #7BBFBE, #00758A, #005331, #00324B)
- Wandering Cobalt Field color palette (#D7F1FD, #6870B0, #633262, #203002, #001C0E)
- Weathered Olive Delta color palette (#FFF0FF, #E0C0CF, #AE8989, #707831, #495549)
Browse the whole catalog at Explore, or see today's palette.