Eclipse Cocoa Villa color palette — #F4DDEA · #7C3300 · #00415B · #361200 · #000103

Rust takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F4DDEA): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#7C3300): A full-bodied, balanced orange — the color of autumn markets.
• Navy (#00415B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#361200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000103): 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 Eclipse 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

• Cellar Lagoon color palette (#F3E2F4, #90002D, #004544, #40000F, #000201)
• Chestnut Basin color palette (#DEECE1, #705300, #342B31, #1B1300, #020100)
• Hushed Terrace color palette (#EDD8E4, #B14300, #005D7E, #4C1800, #000103)
• Midnight Courtyard color palette (#DBF3DD, #654500, #00299A, #2A1B00, #000108)
• Aubergine Workshop color palette (#FBE7DB, #5E2C00, #003B2F, #2B005D, #030100)
• Nocturne Chestnut color palette (#E9E2F6, #006E60, #6B4C00, #0B100A, #000200)
• Aubergine Drift color palette (#DBF7EB, #5C6100, #4F00BB, #2A2D00, #030012)
• Denim Courtyard color palette (#F3D9E1, #C17D21, #005EA9, #643C00, #001229)

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