Wandering Azure color palette — #E7F2E9 · #8BCCD8 · #00A1CB · #007E74 · #002236

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

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Sky (#8BCCD8): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#00A1CB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007E74): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Frosted Corridor color palette (#E1F0E4, #96C6EC, #4F92EE, #007A91, #11174C)
• Aged Periwinkle color palette (#E5F3E8, #A7DCF4, #65ACE0, #009098, #132E52)
• Teal Meadow color palette (#CFEDE7, #00ADAC, #008C9C, #005F73, #002030)
• Cobalt Thicket color palette (#F5EAF3, #71BFCE, #007CB7, #005C3F, #0F1B46)
• Timeworn Lagoon color palette (#F3ECE3, #64A8B4, #00617C, #003A35, #000C17)
• Sky Hollow color palette (#CEEFFF, #00BCEE, #008EBC, #005D7C, #000C13)
• Hushed Ember Market color palette (#D3ECF7, #00AFCA, #EC561F, #007E92, #350A00)
• Misty Peony Coast color palette (#D2F1FC, #009CBE, #C352A1, #847600, #00151C)

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