Cocoa Veranda color palette — #F9E3CB · #603A00 · #00412D · #001F31 · #020100
Built around Bronze, softened by Forest — the whole palette hums with optimism and sophistication.
The five colors
- Parchment (#F9E3CB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#603A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Forest (#00412D): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001F31): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#020100): quiet, heavy and certain.
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
- Onyx Cabin color palette (#FCEAD1, #583F00, #003F40, #16005A, #020100)
- Charred Garnet color palette (#FFDFDA, #7E0041, #2F3C00, #002124, #040001)
- Moonless Archive color palette (#FFEAE3, #8E4D00, #483900, #111800, #000300)
- Garnet Market color palette (#FCDFD3, #8D0408, #063402, #00043D, #050000)
- Dusty Brick color palette (#FAEBE4, #B4331C, #293E00, #520900, #010100)
- Antique Basin color palette (#E7E1DB, #A69F93, #8A7C33, #522B00, #090300)
- Pale Workshop color palette (#E4E1F0, #902B97, #005764, #002B44, #030004)
- Hushed Corridor color palette (#E0E9D2, #00623D, #004C5F, #350061, #000301)
Browse the whole catalog at Explore, or see today's palette.