Tempered Cocoa Coast color palette — #FFF2EE · #E3D7CF · #EDB59A · #9C6D7B · #7C3C26
Built around Bronze, softened by Sand — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E3D7CF): a clean, paper-quiet neutral.
- Sand (#EDB59A): A luminous, dusty orange — the color of toasted spice.
- Mocha (#9C6D7B): A full-bodied, dusty rose — the color of strawberry cream.
- Bronze (#7C3C26): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.
Use it as a design system
One click turns Tempered Cocoa Coast 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 Chestnut Ridge color palette (#FFF2EA, #DEDACC, #98BBCB, #A47E6C, #78450F)
- Driftwood Delta color palette (#FFEDEA, #E0D8C8, #DAC397, #A071A2, #422922)
- Dusty Ash color palette (#FBF1FF, #E9D5D9, #F6D699, #B07EB1, #61475D)
- Bronze Archive color palette (#FFF3E6, #BEA27E, #8F6A40, #6C492D, #413C36)
- Garnet Market color palette (#FCE8E0, #D58E79, #B4682F, #7D012C, #320100)
- Brick Pier color palette (#FFF2EE, #FFBC99, #D7934A, #A62E39, #58250B)
- Chestnut Archive color palette (#FAF4ED, #D6A36C, #70742F, #865208, #282414)
- Dusty Stone Meadow color palette (#FFEFFF, #F5F5CB, #E9D5D9, #DDA3B2, #544252)
Browse the whole catalog at Explore, or see today's palette.