Cobalt Villa color palette — #F2F5FF · #DED7E1 · #EFB3C0 · #5A83CA · #211F46
A conversation between Azure and Ballet Pink, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Silver (#DED7E1): a clean, paper-quiet neutral.
- Ballet Pink (#EFB3C0): A whisper-light, dusty red — the color of a theater curtain.
- Azure (#5A83CA): A luminous, balanced violet — the color of a velvet chair.
- Deep Indigo (#211F46): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, 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
- Aged Summit color palette (#F8F2FF, #E6D5DD, #FFBCF4, #8B81D0, #372243)
- Cerulean Field color palette (#ECF7FF, #D9D9E4, #C4A7AC, #0092B9, #072843)
- Airy Azure color palette (#EEF4FF, #E3D3EA, #F5AEFF, #0FA6F8, #302B66)
- Antique Lilac color palette (#F8F2FF, #E7D6DD, #B4B3A8, #A393DD, #47304F)
- Softworn Fuchsia color palette (#EBF2FF, #C3C2FF, #DB81E9, #00639B, #180B4B)
- Washed Blush color palette (#FFF0FA, #F9D0CC, #F8879A, #8E5091, #230115)
- Powdered Blush Lantern color palette (#EDF6FF, #D5B5FF, #EF76A4, #006A79, #2A2F64)
- Tempered Bloom color palette (#E2D9FF, #CCA0EC, #BB6CC0, #38357E, #020006)
Browse the whole catalog at Explore, or see today's palette.