Weathered Azure color palette — #FCF1FB · #C0EEFF · #009ED6 · #006E40 · #091C40

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Frost (#C0EEFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#009ED6): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E40): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#091C40): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Sky Corridor color palette (#F9F3F7, #D1D6E7, #56AFEB, #06825E, #212C4F)
• Weathered Iris color palette (#FFF1F6, #D8DEFB, #778AE6, #00696C, #241636)
• Powdered Veranda color palette (#FEF1F8, #90D8F1, #007CD7, #005343, #090230)
• Hushed Petrol Summit color palette (#DAEEEA, #81C0C6, #007889, #004B48, #001921)
• Denim Balcony color palette (#EBE0E7, #6CADC2, #005795, #002C22, #01000A)
• Orchid Terrace color palette (#DCFDFB, #58D48C, #BC42DD, #007742, #290333)
• Lapis Lagoon color palette (#F8EAEE, #89BCEA, #4A4EDE, #003D3F, #05000D)
• Feathered Seafoam Terrace color palette (#DDFFE8, #6DE5A7, #009263, #004732, #000502)

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