Cocoa Veranda color palette — #DBE5DA · #6D4200 · #003A61 · #001F37 · #030009

A conversation between Bronze and Navy, giving this palette its sense of trust and stability.

The five colors

• Parchment (#DBE5DA): bright and airy, almost weightless.
• Bronze (#6D4200): A full-bodied, balanced gold — the color of old brass.
• Navy (#003A61): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001F37): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030009): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Onyx Terrace color palette (#E3F2E5, #735100, #004045, #280042, #030009)
• Velvet Alley color palette (#F6E8D9, #593400, #00272E, #060020, #040001)
• Charred Garnet color palette (#F3DAEF, #8C0025, #003543, #001A2A, #01000F)
• Charred Fern color palette (#D4F8E6, #4A4800, #1A2025, #001201, #000201)
• Feathered Ultramarine color palette (#D0EEDA, #8A7300, #2655B0, #163C87, #1B0A21)
• Bronze Basin color palette (#FCEBDE, #8B6A00, #484C00, #0A2700, #000703)
• Frosted Grape color palette (#CBE7DA, #6F7100, #5612C8, #362176, #150001)
• Hushed Cocoa Parlor color palette (#E4F0E4, #97AAA0, #6B8F87, #5D3E00, #030C04)

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