Cobalt Villa color palette — #F7F0EB · #AAD2C0 · #5D7CAF · #005C53 · #1F1A3E
Slate and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7F0EB): a clean, paper-quiet neutral.
- Pistachio (#AAD2C0): A whisper-light, dusty teal — the color of sea glass.
- Slate (#5D7CAF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Pine (#005C53): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#1F1A3E): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Aged Cobalt color palette (#F8F5EF, #AFCDBF, #497DA9, #005E67, #223A63)
- Hushed Balcony color palette (#FEEEE6, #6DCBDF, #0078B7, #00543C, #0A0B4F)
- Tempered Atelier color palette (#F9EFEC, #CEE3CD, #4D99B2, #3C6B3F, #38233B)
- Aged Violet color palette (#EEE9D6, #94973C, #8768BD, #575A00, #22103B)
- Muted Periwinkle Meadow color palette (#EEF8F0, #D9D6E1, #6AACE5, #007D89, #1D2E4C)
- Aged Cerulean color palette (#F0DFD9, #3F99A2, #00506F, #002E18, #000316)
- Aged Hollow color palette (#ECDDD0, #547E98, #10308A, #001F1D, #020008)
- Washed Harbor color palette (#F8EBDE, #6BA3CC, #3D519D, #003939, #100027)
Browse the whole catalog at Explore, or see today's palette.