Ultramarine Villa color palette — #F4F7E4 · #57B357 · #2B8E2E · #0048C2 · #402D00

Cobalt and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F7E4): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#57B357): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#2B8E2E): A full-bodied, vivid green — the color of fresh herbs.
• Cobalt (#0048C2): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#402D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged vibrant.

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

• Nightshade Field color palette (#E5E2CF, #869915, #4C4DAF, #3525A2, #3E0026)
• Weathered Clover Archive color palette (#F5F8E0, #57B53D, #008D64, #00635C, #5F0021)
• Tempered Grape color palette (#EDE9CD, #87A116, #8000DB, #861400, #490600)
• Aged Cobalt color palette (#EBFAEC, #00B1B6, #0082B2, #005B88, #492700)
• Gentle Aubergine color palette (#FCF0E0, #BA8C45, #138657, #781C8B, #3D2600)
• Soft Basin color palette (#E6FBEE, #917D00, #006767, #49059F, #5D0B09)
• Hazy Azure Loft color palette (#FFF2ED, #C3E5CA, #2CA8E0, #008753, #233E71)
• Mustard Grove color palette (#FFF4DC, #D3B700, #00AEAE, #7863BF, #5C0F0B)

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