Weathered Azure color palette — #FFF2EC · #96E3ED · #37A1D3 · #377C57 · #283A5C

Built around Cyan, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Ice Blue (#96E3ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#37A1D3): A luminous, balanced blue — the color of open sky before noon.
• Teal (#377C57): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#283A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Weathered Lantern color palette (#FEF3EA, #A7DDFC, #7795CF, #097C74, #4E2F40)
• Tempered Cypress color palette (#FCF2F9, #D4D4E2, #5DB2D8, #008267, #052F56)
• Soft Courtyard color palette (#FFF2EE, #00E8E1, #009CBC, #0E7818, #00355C)
• Weathered Cerulean Coast color palette (#EAF9F6, #A9CBD9, #358497, #00605F, #004154)
• Timeworn Stone color palette (#FCF3EF, #BDE6EF, #8FBDA9, #828B69, #5D4C5D)
• Cobalt Parlor color palette (#EFDBD0, #56C1DD, #0079C4, #005B46, #161A42)
• Denim Ridge color palette (#FFECE2, #39A2B5, #005E8E, #003D2A, #02002E)
• Pale Drift color palette (#FFDADF, #CA6ACE, #00A180, #008088, #402027)

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