Cocoa Veranda color palette — #F9DBF1 · #B17E93 · #8C545B · #63410B · #2D3B0F
Built around Bronze, softened by Pewter — the whole palette hums with nature and growth.
The five colors
- Blush (#F9DBF1): A whisper-light, dusty pink — the color of peonies in June.
- Dusty Rose (#B17E93): A luminous, dusty rose — the color of a warm blush.
- Pewter (#8C545B): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#63410B): A full-bodied, balanced gold — the color of old brass.
- Forest (#2D3B0F): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
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
- Softworn Fern Study color palette (#F2DEDD, #BB8B7C, #835F6F, #475121, #004132)
- Aged Cocoa color palette (#DDE1FF, #9693B5, #805779, #6E3725, #433200)
- Blush Harbor color palette (#F2E1EE, #DFA2A2, #D37A8E, #8D704A, #4A3A0F)
- Antique Pier color palette (#FFD8D4, #A65E40, #724209, #283300, #002119)
- Dusty Pewter color palette (#DDEAFF, #9093B1, #864C60, #004627, #002328)
- Driftwood Chapel color palette (#F7DAF4, #C7A1AF, #A66E82, #2C654D, #004351)
- Oat Cabin color palette (#FFF0FB, #E0C1D2, #9C878D, #607872, #2F5250)
- Weathered Stone color palette (#FFE7EF, #CAAA6F, #857D41, #326A50, #0E554D)
Browse the whole catalog at Explore, or see today's palette.