Cobalt Villa color palette — #FBF3EF · #A9D0B7 · #007EC5 · #00624A · #2F385D
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Pistachio (#A9D0B7): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#007EC5): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#00624A): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2F385D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Weathered Indigo color palette (#FBF4ED, #A4D0C2, #5D70C9, #005F61, #512E3D)
- Worn Navy color palette (#FFF2ED, #62CAD0, #00789E, #005A2C, #053168)
- Antique Sapphire color palette (#F3EDE7, #90B6D5, #4B5FB8, #004F50, #34244E)
- Azure Meadow color palette (#FAF4EC, #A2E0F1, #3CA1CF, #007C79, #0D4439)
- Muted Station color palette (#FBF3F0, #C6EDE7, #63A0CC, #3E7D63, #5E4C5A)
- Antique Navy color palette (#E8DDD6, #4D8A9F, #003D70, #00231B, #07002B)
- Lagoon Villa color palette (#FCF2F8, #C4E6F8, #71BBEB, #1BA18F, #273A5C)
- Softworn Spruce color palette (#FBEAE6, #569E98, #005364, #063303, #001528)
Browse the whole catalog at Explore, or see today's palette.