Cobalt Villa color palette — #FAF3F6 · #C2E0FA · #698AC4 · #007077 · #3E4760
Slate Blue and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FAF3F6): a clean, paper-quiet neutral.
- Powder Blue (#C2E0FA): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#698AC4): A luminous, balanced violet — the color of wild irises.
- Teal (#007077): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3E4760): A full-bodied, dusty violet — the color of wild irises.
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
- Forest Villa color palette (#FAF3F7, #BBE5EF, #2B99AE, #267349, #2D4B61)
- Quiet Atelier color palette (#FEF1F7, #97D7FD, #317EE1, #006669, #373A69)
- Weathered Cerulean color palette (#F0F3EA, #BAE8D9, #5E92C6, #31657B, #382438)
- Onyx Garden color palette (#F2E4EC, #438BA4, #003F68, #002320, #01002F)
- Turquoise Field color palette (#EDDFEA, #4EAEBD, #006080, #003F31, #001F40)
- Faded Basin color palette (#FAF2FF, #BE698F, #00916B, #00729B, #3F3248)
- Washed Petrol color palette (#FFF0FB, #74C7CE, #007A99, #00583F, #003559)
- Antique Stone color palette (#FBF1FF, #ECDBCB, #DEBB7E, #986F94, #5B4C59)
Browse the whole catalog at Explore, or see today's palette.