Cobalt Villa color palette — #FDF0FD · #4B88D1 · #8A5786 · #1C564A · #27362E

Azure takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FDF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Azure (#4B88D1): A luminous, balanced blue — the color of deep harbor water.
• Slate (#8A5786): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Olive (#1C564A): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#27362E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Ancient Study color palette (#FDF2F7, #8277D1, #934B5D, #1C5B63, #382D39)
• Hushed Cerulean Courtyard color palette (#EDF8F1, #009DB4, #675C92, #3C5432, #293426)
• Hushed Bronze Study color palette (#F7EFF8, #5F8DBC, #9D5E4B, #4E5123, #131F12)
• Tempered Violet color palette (#FCEDF3, #8669C1, #4C353C, #30252A, #1A1213)
• Lilac Orchard color palette (#FFF2ED, #A79DE2, #846C93, #7A4B48, #56414A)
• Sapphire Hollow color palette (#FFF0FD, #005EE0, #900F72, #00453D, #002B1D)
• Antique Periwinkle color palette (#EEF6FF, #87AADA, #B3796B, #686B3B, #20383E)
• Softworn Lagoon color palette (#EFF9EA, #269A84, #90623C, #5B5420, #35362F)

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