Tempered Cocoa Coast color palette — #FFF0FA · #E3D6F0 · #DDCB94 · #8C96CC · #5B4100
Built around Bronze, softened by Blue Fog — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Thistle (#E3D6F0): A whisper-light, dusty violet — the color of twilight just after sunset.
- Pistachio (#DDCB94): A whisper-light, dusty green — the color of new leaves after rain.
- Blue Fog (#8C96CC): A luminous, balanced violet — the color of twilight just after sunset.
- Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged light, muted.
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
- Timeworn Atelier color palette (#F0F5FF, #C7D2FF, #DAC58D, #92A2F0, #375541)
- Timeworn Lilac color palette (#FFF1F5, #F6D2E8, #A0DCB5, #AD87CB, #454740)
- Hushed Atelier color palette (#FFF0FC, #E7D9D6, #9ECFD0, #A5B0A9, #604B54)
- Ancient Veranda color palette (#FFF3E8, #DBDEC4, #C4A990, #A9674A, #4A3F00)
- Timeworn Powder Bloom color palette (#FFF0F8, #DFD2D7, #B1A8E0, #676294, #3D1D2E)
- Aged Driftwood color palette (#FDF2F7, #D1FCE0, #877FA8, #573D4A, #21181D)
- Taupe Chapel color palette (#FBEDF7, #A1AFED, #AD9E39, #5E6BB1, #33312A)
- Worn Taupe color palette (#FFF0F9, #C4C5FF, #C8BC81, #AFA365, #45313D)
Browse the whole catalog at Explore, or see today's palette.