Tempered Cocoa color palette — #EAF4F5 · #66AC9A · #6A6BA1 · #5C4A00 · #002E32
A conversation between Deep Olive and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF4F5): bright and airy, almost weightless.
- Turquoise (#66AC9A): A luminous, dusty teal — the color of glacier melt.
- Slate (#6A6BA1): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#5C4A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#002E32): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Cocoa Market color palette (#E7F5F4, #80A887, #427996, #7E2F22, #002E2C)
- Ancient Fern Veranda color palette (#E9F4F8, #59ABB3, #985F63, #4F5002, #292900)
- Dusty Pewter color palette (#ECF7FE, #4FA4C5, #875E96, #77452C, #224B44)
- Grape Alley color palette (#E1F6FF, #0093A5, #6043AA, #403A00, #001C21)
- Patina Lagoon color palette (#ECF4EE, #AFCAC3, #5D8C8E, #456679, #1B3731)
- Soft Lagoon color palette (#F2F0FC, #A47DAC, #7F4F89, #434400, #211145)
- Aged Coral Orchard color palette (#F2F7EF, #71C3B3, #C27082, #75692B, #45423B)
- Softworn Hollow color palette (#E3F5FF, #8EC1E4, #667FBE, #5C488B, #37314E)
Browse the whole catalog at Explore, or see today's palette.