Tempered Cocoa color palette — #FFF3E7 · #D0EEC1 · #90DAD5 · #C58F98 · #583A00
A conversation between Cocoa and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#D0EEC1): A whisper-light, dusty green — the color of fresh herbs.
- Lagoon (#90DAD5): A whisper-light, dusty teal — the color of shallow lagoons.
- Dusty Rose (#C58F98): A luminous, dusty red — the color of embers at dusk.
- Cocoa (#583A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Ancient Meadow color palette (#FFF2EF, #E6DCBF, #ABD6A7, #C29DC0, #632A02)
- Hushed Delta color palette (#FFF3E4, #CBFFD9, #9BE8F8, #D6AB96, #594500)
- Amber Field color palette (#FFF3E4, #DBDEC8, #BEC4CF, #B17E4E, #35322B)
- Feathered Glacier Quarry color palette (#FFF6CD, #ABF7AB, #00E9F7, #DC8849, #293C0E)
- Misty Glacier Field color palette (#EEF0CD, #5DF7F6, #92C8FF, #AB954D, #283B1D)
- Straw Terrace color palette (#E9FBE8, #F8E293, #B0CC84, #A67A62, #2F4A38)
- Muted Parlor color palette (#FBE3CE, #DEBE6C, #CA8F5F, #9F6964, #32302A)
- Feathered Sunflower Alley color palette (#F8DBC1, #D8D556, #50D3B2, #B56666, #2D1E00)
Browse the whole catalog at Explore, or see today's palette.