Cocoa Veranda color palette — #CFF5FC · #006D7A · #843A00 · #582400 · #000607
Built around Bronze, softened by Espresso — the whole palette hums with trust and stability.
The five colors
- Frost (#CFF5FC): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#006D7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#843A00): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#582400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#000607): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Veranda 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
- Mulberry Orchard color palette (#D9EFE0, #006B7E, #920037, #3C2100, #000102)
- Inked Chapel color palette (#CBE4FB, #00578A, #5E3E00, #392400, #000205)
- Plum Garden color palette (#CDE7D6, #008BA0, #BA2196, #6E4F00, #000608)
- Airy Ultramarine color palette (#DFEBFF, #004EE0, #694E00, #453200, #000218)
- Wandering Boulevard color palette (#DAF1F2, #007250, #960059, #64003A, #000603)
- Aubergine Garden color palette (#ECE5C6, #007AB0, #581DA5, #342B00, #000924)
- Rust Thicket color palette (#C8EAFF, #0094BA, #BA5700, #8B3F00, #00242F)
- Misty Amethyst Archive color palette (#DEE4F9, #7536F7, #5B6800, #3F4800, #0E0626)
Browse the whole catalog at Explore, or see today's palette.