Cobalt Villa color palette — #E9FAF4 · #9CAF5B · #4B8BDA · #853C57 · #0E231C

Azure takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Sage (#9CAF5B): A luminous, balanced green — the color of fresh herbs.
• Azure (#4B8BDA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Raspberry (#853C57): A full-bodied, balanced rose — the color of a warm blush.
• Onyx (#0E231C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Powdered Cobalt Drift color palette (#EAF9F4, #ADC76F, #1A91D9, #8B3F56, #461F00)
• Sunlit Marigold Summit color palette (#EEF8F0, #C99C1C, #008CAC, #78407B, #081B0E)
• Antique Violet color palette (#E7FAF6, #8DC566, #8C64D0, #873C21, #021C17)
• Patina Iris color palette (#EDF8F4, #B6C97B, #977CCC, #946249, #172621)
• Soft Seafoam color palette (#FFF0F8, #A1DF95, #1DA5AA, #894D6A, #0F393A)
• Wandering Mustard Lagoon color palette (#F9F5E8, #B4BB44, #3EB4AD, #AF6A59, #362C1C)
• Powdered Byzantium color palette (#E2FAFF, #00B9A8, #A033D4, #773900, #00171A)
• Quiet Harbor color palette (#F7F7E3, #5F7B2A, #435A9C, #60264B, #332410)

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