Cocoa Villa color palette — #C8E6F7 · #005A70 · #6B2400 · #002530 · #100200

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

The five colors

• Frost (#C8E6F7): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005A70): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#6B2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#002530): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Smoked Grove color palette (#DDEBFB, #00509A, #563700, #002044, #0B0500)
• Garnet Corridor color palette (#DBF0F2, #005F4D, #730045, #00271F, #120007)
• Wandering Terracotta Grove color palette (#CBEADA, #007494, #9A2D00, #003E51, #110200)
• Garnet Loft color palette (#D7E5EC, #00465D, #60003E, #262600, #000204)
• Cobalt Lagoon color palette (#CBE1F5, #0585CE, #965A00, #004D7A, #3D2200)
• Frosted Grape color palette (#DFE3F1, #5F41C1, #4B5100, #300079, #0F1100)
• Obsidian Bloom color palette (#DDF7DF, #6A5800, #3B2700, #1D0C00, #040400)
• Softworn Nightshade color palette (#D8E0EC, #4366C5, #755200, #0D00AF, #251800)

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