Cocoa Veranda color palette — #DCEFE5 · #00556B · #612800 · #00222E · #030100

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DCEFE5): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#00556B): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#612800): A deep, shadowed, balanced orange — the color of toasted spice.
• Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030100): a grounded near-black with real depth.

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

• Inked Navy color palette (#EAD8EA, #004998, #513500, #001D43, #020100)
• Garnet Garden color palette (#E6F5DE, #005A4A, #6D0047, #00251D, #040002)
• Deep Garnet color palette (#C8E4F3, #00415A, #5C0039, #242500, #000103)
• Tempered Terracotta color palette (#DEF2FF, #007492, #903A00, #003F50, #0F0200)
• Hushed Lapis color palette (#CEEEFF, #4988CA, #5F4CB8, #00353A, #000302)
• Nocturne Fern color palette (#F6E4CA, #605100, #382600, #190A00, #020100)
• Cobalt Market color palette (#D8F1EA, #0085D4, #9A5900, #004A79, #1E0D00)
• Lowlit Brick Harbor color palette (#ECEEDF, #B20119, #004AAE, #16060B, #030003)

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