Tempered Cocoa color palette — #D1F3FD · #006B6D · #664200 · #2B2E00 · #000703
Bronze and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D1F3FD): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#006B6D): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#664200): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#2B2E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000703): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Petrol Lantern color palette (#DEF1FF, #00749C, #454500, #003912, #000A0A)
- Gentle Garnet color palette (#C9F5F4, #006F3F, #880F00, #3E2600, #030600)
- Garnet Corridor color palette (#DCFEEF, #006C94, #7F1100, #123500, #001C29)
- Chestnut Market color palette (#E1F6DF, #008F8C, #8C5B00, #464900, #001F11)
- Violet Station color palette (#F2F5FF, #8857FF, #BD005B, #3D4300, #000408)
- Eclipse Abyss color palette (#D0E6F1, #413936, #003D49, #1D1600, #020800)
- Forest Balcony color palette (#EAF2FF, #677BB6, #1F6F32, #004A47, #001525)
- Charred Nightshade color palette (#D8E3F4, #123EA7, #0D3800, #001E1B, #000103)
Browse the whole catalog at Explore, or see today's palette.