Weathered Azure Field color palette — #FDF1FA · #AAF5FB · #00A1C9 · #006D4F · #002039

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

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Sea Foam (#AAF5FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#00A1C9): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D4F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002039): 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 Weathered Azure Field 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

• Iris Veranda color palette (#FFF1F5, #D7DFFC, #688EE7, #006873, #1D183C)
• Patina Sky Studio color palette (#FDF1F9, #D1D6E8, #4EB2E5, #347D6D, #182F4B)
• Cobalt Delta color palette (#FFF1F8, #7ADAFD, #0080CA, #00524C, #020530)
• Washed Denim color palette (#E9DCE4, #4EB0CD, #005A89, #002C27, #00000A)
• Worn Petrol color palette (#F4E6E1, #9BBDA3, #0074A2, #004E2F, #02113C)
• Soft Corridor color palette (#DEFFE4, #E7AE26, #6A74EE, #805D00, #100D43)
• Hushed Ultramarine color palette (#FBE9EE, #7BBDF8, #3F5CC7, #003D45, #030010)
• Powder Loft color palette (#FAF2F8, #D5D4E2, #AEC7F3, #689F8E, #3F4F61)

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