Cobalt Villa color palette — #FDEDF2 · #9ECEF3 · #5A7ABB · #005A62 · #171E3B
Built around Slate, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Blush (#FDEDF2): bright and airy, almost weightless.
- Sky (#9ECEF3): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#5A7ABB): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#005A62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#171E3B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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 Field color palette (#FFEBF6, #51CBF8, #0075C3, #00524F, #0A0D4D)
- Dusty Harbor color palette (#FBEDF6, #92D5D5, #2A899F, #005F3B, #002338)
- Antique Cobalt Workshop color palette (#FCF3EB, #A5D0C2, #6575AA, #00605F, #512E3E)
- Mallow Drift color palette (#E7F4FF, #E1D1F0, #D2A0CB, #31707F, #192637)
- Periwinkle Loft color palette (#F3F7ED, #DAD5E0, #71AAEB, #2D7798, #1B2E4E)
- Timeworn Cerulean color palette (#EDDAE7, #009AB5, #004F74, #002C26, #000313)
- Turquoise Alley color palette (#CBF5FB, #00A7CD, #006B9B, #27417B, #1B1F43)
- Azure Corridor color palette (#DBEBFB, #2799E2, #A56F00, #005A8C, #291800)
Browse the whole catalog at Explore, or see today's palette.