Cocoa Veranda color palette — #FFECF5 · #DD9BA7 · #A8594D · #7C3700 · #572F00
Built around Bronze, softened by Brick — the whole palette hums with optimism and warmth.
The five colors
- Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
- Rosewood Mist (#DD9BA7): A luminous, balanced red — the color of a theater curtain.
- Brick (#A8594D): A full-bodied, balanced orange — the color of sun-warmed clay.
- Bronze (#7C3700): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#572F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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
- Garnet Garden color palette (#FBEFFF, #D698C6, #A25A74, #863441, #721B00)
- Hazy Amber color palette (#FFEDF4, #FFC2CB, #F99182, #C76B40, #563000)
- Chestnut Boulevard color palette (#FFF2ED, #DBAC97, #A1754D, #73571E, #504600)
- Dusty Blush color palette (#FFF4E2, #CE7B90, #97563A, #005C4A, #53342A)
- Bronze Harbor color palette (#EEEFFF, #E3B1D2, #D17574, #9E5200, #4A3B00)
- Softworn Pewter color palette (#FCF3F2, #DFD9D2, #C5BEB2, #926575, #524442)
- Softworn Archive color palette (#FFE7DD, #E78A23, #876300, #4C4500, #2E3700)
- Antique Ember color palette (#FFDDE0, #F8512D, #9D4600, #532F00, #232A03)
Browse the whole catalog at Explore, or see today's palette.