Cocoa Veranda color palette — #F2E0D2 · #5D2F00 · #002423 · #221304 · #160016
A conversation between Cocoa and Ink, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F2E0D2): A whisper-light, dusty gold — the color of old brass.
- Cocoa (#5D2F00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#002423): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#221304): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#160016): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Eclipse Spruce color palette (#EAE1CC, #505C62, #352E00, #161D17, #010600)
- Inked Garnet color palette (#EFDBD3, #77010B, #00260D, #05002B, #03000A)
- Moonless Fern Pier color palette (#F0EBD5, #494F00, #002E44, #2C0013, #100400)
- Quiet Ultramarine Harbor color palette (#EAEAD1, #517D00, #1E00DE, #561F00, #291F00)
- Hushed Boulevard color palette (#EEE3DD, #1D928E, #004450, #002410, #000B13)
- Washed Olive color palette (#EEDECE, #726A13, #044624, #2C0D33, #24050F)
- Faded Field color palette (#F6EAD5, #D84000, #6F5E00, #004927, #060600)
- Ancient Meadow color palette (#EDDFCC, #8A5F00, #005154, #4B0056, #3E031F)
Browse the whole catalog at Explore, or see today's palette.