Cobalt Villa color palette — #FDF3EB · #97CCF1 · #5578B4 · #005F65 · #4F2E43

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

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Sky (#97CCF1): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5578B4): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#4F2E43): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Cerulean color palette (#FEF2ED, #A8D1B2, #2083A9, #00624D, #47314A)
• Airy Study color palette (#FFF2EA, #41C8F4, #0073B7, #005651, #1B2D69)
• Cypress Thicket color palette (#FDF1F6, #B9D9F3, #7E93CC, #007C79, #3E3356)
• Softworn Powder Market color palette (#F1F7F2, #C5E4FF, #7EB5FA, #009CB6, #2D385E)
• Linen Courtyard color palette (#F1F0D9, #7FAE38, #7053BA, #416200, #372E53)
• Dusty Cerulean color palette (#F8E9E1, #389EB1, #005070, #003127, #00132F)
• Muted Coast color palette (#FCF7D0, #ACF5CD, #52C4D2, #7F6A34, #41423B)
• Tempered Navy color palette (#ECE3DA, #4D86B4, #1C3480, #002226, #0B0027)

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