Muted Cobalt Villa color palette — #FDF1F8 · #A9CBDD · #0080BF · #006157 · #293A5B

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Sky (#A9CBDD): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0080BF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006157): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#293A5B): 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 Muted 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

• Softworn Atelier color palette (#F1F3E9, #96D2E6, #2A87AB, #005A63, #002437)
• Cobalt Lantern color palette (#FBF2F5, #C3E0FA, #6A89C6, #006F79, #3E4761)
• Weathered Bloom color palette (#F5ECEE, #90B6D9, #4660BA, #004E59, #2E264F)
• Muted Lagoon color palette (#FAF4EB, #C5EBD5, #7ABBE1, #099FA0, #193C5F)
• Hushed Courtyard color palette (#F1E6EC, #4D89A1, #003F6A, #002220, #02022B)
• Tempered Terracotta Veranda color palette (#FFE6F5, #C87451, #0085AA, #913500, #003C4E)
• Ember Basin color palette (#F7DBEC, #CA5F34, #007A8F, #005299, #3A2232)
• Softworn Lime color palette (#FFF0F8, #FDD6A1, #98B659, #925565, #4E313F)

Browse the whole catalog at Explore, or see today's palette.