Cocoa Studio color palette — #CEE9DB · #007395 · #772A00 · #003537 · #011D28
Rust takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#CEE9DB): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007395): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#772A00): A deep, shadowed, balanced orange — the color of toasted spice.
- Deep Forest (#003537): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#011D28): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Cocoa Studio 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
- Aged Cocoa color palette (#E4F7EE, #0083AA, #863A04, #004152, #10263E)
- Timeworn Ultramarine Workshop color palette (#F7E2F3, #2F4DB1, #6C0108, #002428, #030046)
- Garnet Thicket color palette (#F1DAE2, #7C52A1, #841104, #003538, #2D0647)
- Aubergine Dune color palette (#D0E8DB, #007490, #6F1474, #00390D, #00242E)
- Amethyst Market color palette (#EDEFFF, #794FB9, #821800, #1D2D00, #000D13)
- Forest Field color palette (#EEE3D3, #859266, #01663B, #622444, #232E00)
- Muted Pewter Workshop color palette (#CEEEF7, #A3839C, #885473, #005155, #14334D)
- Hushed Petrol color palette (#F7ECE6, #95BCA8, #366AA5, #005144, #282656)
Browse the whole catalog at Explore, or see today's palette.