Weathered Azure color palette — #FFF2EA · #98E1FB · #6999CD · #1F7D69 · #4E2E44

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Ice Blue (#98E1FB): A whisper-light, balanced blue — the color of deep harbor water.
• Blue Fog (#6999CD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#1F7D69): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4E2E44): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Hushed Periwinkle color palette (#FCF4EA, #BEF2E1, #8DA2E2, #438786, #5E3C4B)
• Periwinkle Lagoon color palette (#FCF2F8, #D6D4E0, #60ADEB, #008077, #1C2C54)
• Muted Bloom color palette (#FCF3F0, #98E5DF, #22A5C4, #4A7A46, #144439)
• Patina Azure Grove color palette (#FFF2EC, #40E2F4, #0098D1, #00764A, #132E69)
• Ancient Basin color palette (#CDF0E4, #00C4C8, #008DAC, #0E6598, #323A5D)
• Softworn Cerulean Lantern color palette (#E9F9F7, #AACADD, #3481A6, #005E6A, #083F5E)
• Aged Amber color palette (#DFF5E8, #31CCF3, #C16C27, #007E9A, #532803)
• Ancient Mallow Parlor color palette (#DDFFEC, #E1E9FF, #E4B9E1, #55907B, #24493D)

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