Cocoa Terrace color palette — #D2E1FC · #9CA4C0 · #7F6B92 · #654C68 · #663731
Cocoa takes the lead with Slate close behind in a set that reads as sophistication at first glance.
The five colors
- Frost (#D2E1FC): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#9CA4C0): A luminous, dusty violet — the color of wild irises.
- Slate (#7F6B92): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal Brown (#654C68): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#663731): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Terrace 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
- Driftwood Basin color palette (#E8EEFF, #B3B5CF, #8B85AA, #6F556C, #623B3F)
- Ancient Hollow color palette (#E0DEFF, #8080A3, #6F456E, #67120E, #411900)
- Pewter Lagoon color palette (#C9E8F2, #8EACC2, #72729A, #365742, #0A3725)
- Timeworn Cocoa Drift color palette (#F0EAFF, #B183C2, #935586, #812C0B, #572E00)
- Softworn Cocoa Studio color palette (#EEE6F4, #9B849E, #91564B, #584700, #144434)
- Softworn Bronze Workshop color palette (#C9EBCF, #93C1E5, #AB8397, #80641A, #523E00)
- Softworn Garnet Parlor color palette (#ECE1FB, #835065, #6D262E, #2E1D00, #0A1102)
- Hushed Nightshade Basin color palette (#D4E8FD, #6A97DB, #4468C9, #2E3CA5, #31336B)
Browse the whole catalog at Explore, or see today's palette.