Cocoa Basin color palette — #D3E1FF · #C5BDEB · #A5A5C7 · #8D748E · #64382D
A conversation between Cocoa and Lavender, giving this palette its sense of sophistication.
The five colors
- Frost (#D3E1FF): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#C5BDEB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Mauve (#A5A5C7): A luminous, dusty violet — the color of a velvet chair.
- Slate (#8D748E): A full-bodied, dusty pink — the color of peonies in June.
- Cocoa (#64382D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Basin 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
- Softworn Hollow color palette (#E0DAFD, #CBBFDD, #B39CBD, #9B7C88, #2C4831)
- Weathered Ash Atelier color palette (#F3D7E9, #A59CC8, #956B78, #694136, #3E1F0C)
- Airy Boulevard color palette (#EAEDFF, #B5AEFF, #9E87E8, #7C5DB2, #472F5B)
- Softworn Bronze Studio color palette (#FBE3EF, #E4A7B8, #CC8585, #91702B, #463F00)
- Wandering Lagoon color palette (#F4DCE2, #AE787A, #955B4B, #4F4300, #101200)
- Hushed Shell color palette (#FFE5EE, #FCB7C4, #D89B92, #9E8D61, #295442)
- Aged Pewter Garden color palette (#E0FFE0, #B7DACE, #B999AB, #786936, #1D4323)
- Aged Cerulean Atelier color palette (#EDF8F7, #C4E5FF, #81B8E6, #2A99BB, #1C3C5F)
Browse the whole catalog at Explore, or see today's palette.