Tempered Cocoa color palette — #F6E9EF · #9FAEA3 · #5B8A7E · #592800 · #220A18
A conversation between Espresso and Storm Blue, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F6E9EF): bright and airy, almost weightless.
- Sage (#9FAEA3): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#5B8A7E): A full-bodied, dusty teal — the color of shallow lagoons.
- Espresso (#592800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#220A18): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Antique Field color palette (#EAF2EE, #9CADAA, #60878C, #403800, #03190E)
- Antique Station color palette (#E4DFE6, #B2A5AD, #6A886E, #6A002E, #1C0C21)
- Tempered Boulevard color palette (#F2E7DE, #AB9E8B, #947831, #532A00, #090300)
- Dusty Cocoa Canyon color palette (#EBE2E6, #A7BAA8, #9F9666, #7B4100, #200C16)
- Dusty Chestnut Alley color palette (#FDF2F6, #C8D7CE, #80B2AA, #824B00, #462934)
- Misty Aubergine color palette (#FBEAE6, #A2685B, #5E3F00, #33096B, #3E0022)
- Hushed Olive Thicket color palette (#EFF7F4, #CFDCE2, #A4B7BD, #5C6C00, #313E39)
- Worn Onyx color palette (#DAECE2, #4C7848, #004236, #3E003A, #011501)
Browse the whole catalog at Explore, or see today's palette.