Tempered Cocoa color palette — #FDF3E8 · #DDDECA · #ACC2DC · #B18161 · #6A4400
A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FDF3E8): a clean, paper-quiet neutral.
- Bone (#DDDECA): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#ACC2DC): A luminous, dusty blue — the color of open sky before noon.
- Caramel (#B18161): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: 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
- Worn Market color palette (#FCF3EC, #CAB39D, #A97341, #7D513C, #643F00)
- Bronze Canyon color palette (#FDEFE5, #B4FAE4, #C5DEC6, #B47055, #3E3933)
- Dusty Thicket color palette (#F5F7E2, #CBE6D0, #8BD1B7, #71864B, #484E00)
- Softworn Veranda color palette (#EAFBE9, #BDEBE2, #91C3D7, #CFACBA, #435245)
- Worn Olive color palette (#F1DDC1, #AA9753, #6A7000, #4D2E00, #150E00)
- Wandering Emerald Quarry color palette (#ECEAD4, #A6C29C, #209C5B, #4A4B00, #1B2F02)
- Pewter Dune color palette (#FFF2EB, #B8816E, #7878AF, #784B83, #433B37)
- Wandering Meadow color palette (#F8F5EE, #D2BD99, #755A09, #3B3832, #232717)
Browse the whole catalog at Explore, or see today's palette.