Cocoa Veranda color palette — #FFF2EE · #FFBFBD · #EEA49A · #BE8272 · #753D11
Built around Bronze, softened by Rose Quartz — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Rose Quartz (#FFBFBD): A whisper-light, dusty orange — the color of autumn markets.
- Rose Quartz (#EEA49A): A luminous, balanced orange — the color of autumn markets.
- Caramel (#BE8272): A luminous, dusty orange — the color of toasted spice.
- Bronze (#753D11): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Softness, Clarity. Tagged light, 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
- Patina Amber color palette (#F9F2FF, #EFD6CF, #F2A297, #BC6D48, #6C4655)
- Patina Chestnut color palette (#FFF3E8, #F5C99A, #D9AF78, #A68956, #694A00)
- Timeworn Coral Canyon color palette (#FFF2EC, #FFC4BC, #C8BDFA, #DF9086, #614252)
- Mallow Boulevard color palette (#FFF1F3, #F5C7EF, #E3A3CE, #B47D9C, #6F4946)
- Tangerine Studio color palette (#FFE8E2, #FFAB8C, #F97413, #B45B00, #633700)
- Weathered Chapel color palette (#FFF2EA, #DEDACC, #D8B3A2, #A4B3CC, #77440E)
- Worn Mallow color palette (#FFF2EB, #F7B5A3, #C7C088, #CF9ACA, #48413D)
- Faded Amber Harbor color palette (#F0E3D5, #C98900, #9C6F00, #6B5100, #292200)
Browse the whole catalog at Explore, or see today's palette.