Eclipse Villa color palette — #D7EFEF · #005937 · #002B4E · #290020 · #0E0500

Deep Olive and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D7EFEF): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#005937): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002B4E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#290020): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#0E0500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged dark, muted.

Use it as a design system

One click turns Eclipse 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

• Nocturne Navy Hollow color palette (#C1E7EC, #005749, #100085, #2C0012, #0B0700)
• Deep Onyx color palette (#C5E8D9, #4C4E00, #003131, #0F0045, #160006)
• Shadow Aubergine color palette (#DBF5EF, #305500, #390065, #26000A, #040001)
• Hushed Cypress Basin color palette (#D8E9E3, #008079, #004B50, #002931, #00151E)
• Washed Moss color palette (#C6EFEF, #6EA000, #007C5F, #005460, #00110C)
• Onyx Coast color palette (#DDF3E6, #318D8A, #005772, #451638, #3A0009)
• Softworn Aubergine color palette (#D3EBFD, #005F87, #5F0055, #2E1A00, #00170F)
• Linen Aubergine Harbor color palette (#E5E7D9, #378110, #620077, #4C0022, #160006)

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