Cocoa Veranda color palette — #F9E3CF · #5D3600 · #003D28 · #002315 · #10011A

Bronze takes the lead with Forest close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F9E3CF): A whisper-light, dusty gold — the color of old brass.
• Bronze (#5D3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Forest (#003D28): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#002315): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#10011A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Charred Cocoa color palette (#FFEBD6, #633B00, #242F2B, #0E1000, #060200)
• Garnet Chapel color palette (#FFE4DC, #85002E, #003835, #001C1A, #01021D)
• Scarlet Villa color palette (#F5E2E7, #DE2900, #5E4000, #2E2A00, #001C06)
• Wandering Chestnut color palette (#FFF2DC, #6E5800, #004B55, #00343C, #250822)
• Terracotta Canyon color palette (#FFE7D7, #8C3D00, #003C54, #00213A, #0D0040)
• Hazy Brick Veranda color palette (#F4ECD0, #C0021A, #453E00, #002250, #270E00)
• Cellar Navy color palette (#F9ECE3, #673100, #00275C, #170C3A, #080018)
• Twilit Aubergine color palette (#F0ECFE, #7A0085, #003B41, #001E35, #020008)

Browse the whole catalog at Explore, or see today's palette.