Hazy Cobalt Villa color palette — #FEF1F7 · #81DCFD · #2681D8 · #006856 · #37396B

Built around Azure, softened by Ice Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Ice Blue (#81DCFD): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#2681D8): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006856): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#37396B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy 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

• Dusty Forest Pier color palette (#FCF1FB, #75E3E4, #008CB2, #006C2C, #214167)
• Washed Workshop color palette (#FFF0F7, #70C3ED, #2867D5, #00564F, #33285E)
• Washed Cobalt color palette (#F0F4E5, #9DDAF5, #008DC5, #00606F, #002742)
• Tempered Veranda color palette (#FCF2F5, #DADEEF, #869ABE, #447785, #4E5165)
• Tempered Cerulean Orchard color palette (#F9EAF3, #009FC1, #004C83, #003126, #0D093A)
• Quiet Powder color palette (#FEF3EB, #C1ECFF, #75BCFF, #00A6A0, #2E3C6E)
• Dusty Lantern color palette (#EBE0EB, #34908E, #004454, #002504, #000919)
• Pale Byzantium color palette (#DCFFEA, #B9A325, #8847CE, #6A5C00, #442C63)

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