Cobalt Villa color palette — #EFF7F5 · #92CAFF · #9180D5 · #2F85CC · #2F1E27
A conversation between Cerulean and Lavender Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7F5): bright and airy, almost weightless.
- Sky (#92CAFF): A luminous, balanced blue — the color of open sky before noon.
- Lavender Blue (#9180D5): A luminous, balanced violet — the color of a velvet chair.
- Cerulean (#2F85CC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#2F1E27): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Creativity, Balance. Tagged duotone.
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
- Hazy Wisteria Pier color palette (#FAF3F7, #B9BEFF, #B971B8, #7476C7, #311E21)
- Chalky Azure Garden color palette (#EEF8F1, #69D6ED, #5292DB, #0090A6, #2A202B)
- Weathered Azure color palette (#EEF6FD, #A5DEFF, #C399E8, #40ADE3, #222231)
- Iris Meadow color palette (#FFF2ED, #A5AAF2, #9474BF, #934952, #4E3342)
- Dusty Iris color palette (#EAF1FF, #AEBAFF, #8F85E8, #7156A2, #522A6E)
- Patina Blush color palette (#EEF8F0, #ABF4FF, #D47EAB, #009BAC, #1D0D0D)
- Dusty Cerulean color palette (#F8F3F8, #E2D7D9, #D1BBBD, #7490BD, #4C454B)
- Tempered Sky color palette (#ECF9F1, #2EC0E8, #97528B, #006A83, #321D20)
Browse the whole catalog at Explore, or see today's palette.