Ultramarine Villa color palette — #ECEDE1 · #579F46 · #005ECB · #1E6A00 · #000108

A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECEDE1): bright and airy, almost weightless.
• Kelly Green (#579F46): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#005ECB): A full-bodied, vivid blue — the color of open sky before noon.
• Olive (#1E6A00): A full-bodied, balanced green — the color of fresh herbs.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Ultramarine Delta color palette (#E6EDE1, #00A185, #2256D6, #006754, #00000F)
• Sunlit Pine color palette (#E0E6CE, #00893C, #00569E, #6B0017, #000300)
• Aged Pier color palette (#F0ECDE, #938F00, #006E8E, #5E5B00, #000204)
• Ancient Lagoon color palette (#DFF1DD, #00967C, #007277, #00435A, #00020D)
• Aged Quarry color palette (#D9E4D7, #00C3B7, #806AE7, #008980, #0B0006)
• Byzantium Courtyard color palette (#DCEBDE, #00AEBB, #B011CE, #00757E, #040006)
• Tempered Clover Boulevard color palette (#E5F4E1, #29C350, #00A7A3, #0076D1, #000507)
• Weathered Balcony color palette (#DFE2DC, #91A6A1, #6B9191, #00755B, #050C00)

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