Cocoa Garden color palette — #E1F3FC · #00698B · #813100 · #461700 · #000201

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

The five colors

• Frost (#E1F3FC): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00698B): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#813100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#461700): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Cocoa Garden 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

• Moonless Denim color palette (#CFF2E0, #005D78, #512D00, #1F1800, #010100)
• Powdered Mulberry color palette (#CAE9E0, #00705D, #920037, #50001A, #000201)
• Ultramarine Field color palette (#CDE0FB, #005BBD, #614A00, #332600, #000105)
• Obsidian Garnet Balcony color palette (#CEE7FF, #004677, #61004E, #261A00, #000104)
• Nocturne Ultramarine color palette (#FAE6F7, #184CF6, #692000, #191600, #000200)
• Airy Boulevard color palette (#D8EAE4, #2A97DC, #AA2106, #673A00, #00050C)
• Weathered Lapis color palette (#F5DDEE, #3D28FB, #564F00, #2D2900, #00000B)
• Azure Market color palette (#DAFFF0, #009ED9, #AE6E00, #764900, #000F18)

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