Cobalt Villa color palette — #E5F3E8 · #9FC9F2 · #6785C4 · #006883 · #25255B

Built around Slate Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#9FC9F2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6785C4): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006883): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#25255B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Aged Garden color palette (#E7F2E9, #8CD2DB, #2894B3, #006D61, #00324A)
• Patina Iris Market color palette (#FAF4EB, #D2E8FF, #5D8DF6, #006681, #181743)
• Petrol Pier color palette (#F9EAEE, #9CB4CD, #5A60A6, #004F54, #3B1C55)
• Antique Station color palette (#EBFAEE, #B4E3FB, #1AA9E0, #008380, #004270)
• Iris Quarry color palette (#F5EDE4, #ACE0D2, #8C9AFF, #009096, #362449)
• Frosted Petrol color palette (#DEEBE0, #74AAC7, #0069B0, #004951, #000A42)
• Aged Denim Quarry color palette (#DFEBE1, #4DA1AB, #006279, #003C34, #000B14)
• Linen Market color palette (#D1E4D0, #DC9A39, #3071DB, #875800, #04255B)

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