Softworn Cobalt Villa color palette — #F8EFF4 · #97D2E2 · #4581B1 · #0C5D46 · #142038

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Sky (#97D2E2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4581B1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#0C5D46): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#142038): A deep, shadowed, 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 Softworn 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

• Wandering Cerulean Ridge color palette (#F8EFF2, #B8E3FF, #788DBC, #2A6A66, #272A40)
• Ancient Cerulean color palette (#EAF9F7, #A6CBDE, #32839F, #005F65, #00405A)
• Timeworn Hollow color palette (#F2E5E9, #85B9E5, #5564AE, #004B4C, #1C0C2F)
• Raspberry Quarry color palette (#E9E0FE, #B54CA6, #008074, #006172, #170E25)
• Hushed Study color palette (#F9F4ED, #D4D7E7, #5AB1DC, #007F7C, #04372D)
• Dusty Cerulean Lantern color palette (#F4E2EC, #0085A5, #003C6E, #002019, #01000B)
• Pale Ultramarine Lagoon color palette (#F4E2EB, #55A8CA, #0055AE, #003A32, #0A0327)
• Hushed Stone color palette (#F3EFFF, #FFC4C8, #CEB076, #666092, #2B1E30)

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