Tempered Cocoa color palette — #FFF1F5 · #F3D2E9 · #F9BCA3 · #A68DC2 · #6C3506
A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Thistle (#F3D2E9): A whisper-light, dusty pink — the color of peonies in June.
- Cantaloupe (#F9BCA3): A whisper-light, dusty orange — the color of sun-warmed clay.
- Dusty Rose (#A68DC2): A luminous, balanced violet — the color of wild irises.
- Bronze (#6C3506): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Softness. Tagged light, 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
- Dusty Lilac color palette (#FFF1F6, #E0C9FF, #BAD09F, #B698DD, #554F00)
- Aged Parlor color palette (#FFF2EF, #E1DBCF, #A87584, #593E3B, #231817)
- Mallow Terrace color palette (#FFF1F4, #E5B8FA, #EAA6A4, #83A6C9, #473137)
- Patina Quarry color palette (#FFE5FD, #D8D6CB, #B4A8AD, #534345, #302829)
- Washed Seafoam color palette (#FFEFFF, #DBDAF6, #9BDEB4, #769CCE, #454740)
- Muted Chapel color palette (#FFF1F4, #E9D9E1, #C69FD7, #795C82, #401F29)
- Worn Violet Harbor color palette (#FFF1F5, #BEA3D4, #94A066, #8A5AAC, #4F4D46)
- Coral Station color palette (#FFF2EF, #FFC1CE, #9FB8FF, #C26B81, #2B365A)
Browse the whole catalog at Explore, or see today's palette.