Cobalt Villa color palette — #FCF3EE · #A4D1B7 · #1280BA · #006156 · #4A3048
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Pistachio (#A4D1B7): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#1280BA): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#4A3048): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, 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
- Muted Canyon color palette (#FDF3EB, #A2D6F5, #377FDA, #006669, #373B67)
- Forest Delta color palette (#FCF3EE, #96D2CE, #00879A, #006434, #0B4057)
- Softworn Cerulean color palette (#E9F5F3, #8ED4E8, #2088AB, #005A61, #022338)
- Sapphire Boulevard color palette (#F4EDE6, #8CB6DA, #3F61BD, #004E57, #2D2555)
- Antique Ash Archive color palette (#FAF3F0, #C7ECE7, #6AA1C0, #407B6D, #5E4B5E)
- Aged Sky Atelier color palette (#EFF8F0, #C2E6F9, #6CBCE6, #329E9B, #173D5E)
- Timeworn Apricot Coast color palette (#FFF1F2, #F2D4C4, #E2A777, #7B6293, #533B36)
- Ancient Peony Workshop color palette (#FFDADC, #C95EB2, #006E31, #00686A, #3E2225)
Browse the whole catalog at Explore, or see today's palette.