Tempered Cocoa color palette — #F6D2E7 · #AC7088 · #804347 · #27422A · #002C2A
Coffee takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.
The five colors
- Thistle (#F6D2E7): A whisper-light, dusty pink — the color of a candy shop window.
- Dusty Rose (#AC7088): A luminous, balanced rose — the color of strawberry cream.
- Coffee (#804347): A full-bodied, balanced red — the color of embers at dusk.
- Forest (#27422A): A deep, shadowed, dusty green — the color of new leaves after rain.
- Deep Forest (#002C2A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
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 Bronze Grove color palette (#FDDBD8, #AC6C54, #7D4F26, #323D15, #023431)
- Spruce Lantern color palette (#F7E7F9, #A26B88, #784644, #133D03, #00150F)
- Hushed Driftwood color palette (#FCE1FE, #9F6B8C, #754757, #4F2B03, #222400)
- Antique Coral Meadow color palette (#F7DADC, #F47661, #9B5D3C, #4E5200, #0B452E)
- Bronze Courtyard color palette (#F3E2DF, #9F542A, #553000, #152500, #0E0826)
- Muted Ash color palette (#FFEDF5, #BDA3C3, #987E95, #516C58, #385353)
- Timeworn Harbor color palette (#F4DACA, #BC9565, #806A2F, #26504D, #4E2A46)
- Worn Driftwood Coast color palette (#DFEAFF, #97A5CD, #A371A4, #007576, #002C57)
Browse the whole catalog at Explore, or see today's palette.