Cocoa Basin color palette — #FAF5E2 · #D0E3D3 · #B5CCB9 · #A78F88 · #784213
Built around Bronze, softened by Pistachio — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FAF5E2): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#D0E3D3): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#B5CCB9): A whisper-light, dusty teal — the color of sea glass.
- Heather (#A78F88): A luminous, dusty orange — the color of toasted spice.
- Bronze (#784213): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Ancient Chestnut Alley color palette (#DBFFEE, #B8DCBF, #BB99B9, #8B5A23, #4C2F06)
- Pewter Lantern color palette (#DFFDF2, #A7CACB, #7894A0, #7B687B, #5D494E)
- Timeworn Chestnut Corridor color palette (#CFFCDF, #90CFCE, #5D9183, #7A513C, #40260A)
- Wandering Driftwood color palette (#F8F5EC, #BEE3D4, #A7B491, #9B833C, #4B4900)
- Muted Cobalt color palette (#CEE7E0, #6FB2CF, #6973B1, #683F00, #261300)
- Ash Hollow color palette (#E0FBFF, #ACD3FF, #A88BC1, #615B23, #373200)
- Tempered Cabin color palette (#E3FFD6, #A8EFDD, #68B3D9, #A15D50, #6B3D10)
- Patina Glacier Corridor color palette (#EAFAEC, #82DDE5, #E9A6A9, #D28E83, #2B3E2E)
Browse the whole catalog at Explore, or see today's palette.