Hazy Azure color palette — #FDF1FC · #AFF4F6 · #00A0CD · #286B3D · #051E3C

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Sea Foam (#AFF4F6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00A0CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#286B3D): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#051E3C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Hazy Azure 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 Grove color palette (#FFF1F6, #D6E0FD, #708DE2, #006A68, #221738)
• Timeworn Sky Lantern color palette (#FCF2F9, #D0D6E9, #5DB0E3, #317F5E, #1F2E48)
• Soft Study color palette (#FFF0F9, #80DAF8, #357EC3, #005343, #08042C)
• Timeworn Petrol color palette (#E0ECE9, #91BBC8, #007985, #004C45, #001A20)
• Rose Bloom color palette (#E9F8FF, #00BFDA, #EE5271, #007081, #33020E)
• Hushed Ridge color palette (#F8E4F1, #3DB3CB, #00598B, #002D1F, #00000B)
• Patina Workshop color palette (#BDFFCC, #00CFA8, #00878A, #004D5E, #002642)
• Patina Terrace color palette (#E5F9FF, #32D5FE, #008CAE, #003B49, #000708)

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