Weathered Coast color palette — #F0F7F2 · #D8E0EC · #4AB4DB · #008077 · #09324B

Built around Cyan, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D8E0EC): bright and airy, almost weightless.
• Cyan (#4AB4DB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008077): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#09324B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Weathered Coast 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 Boulevard color palette (#F1F7F2, #DBDFEA, #92C0EC, #0093A2, #2D3F61)
• Washed Azure color palette (#F0F7F1, #D6DDFA, #5094E4, #006778, #0F1A43)
• Dusty Denim Orchard color palette (#E7F1E9, #6EADBE, #005C7E, #002B2A, #000104)
• Cerulean Boulevard color palette (#FCF4E8, #88D3E1, #0884A8, #006059, #153E59)
• Muted Cobalt color palette (#FDEEE8, #91D4E2, #3B83B2, #005E42, #2F162B)
• Hushed Moss color palette (#E0FBFC, #BFE6F2, #B8BCE2, #75A562, #004148)
• Ultramarine Cabin color palette (#E6F2E8, #99BBDA, #1360CE, #003C4A, #010014)
• Airy Loft color palette (#E2FBFA, #8AD2A3, #D487C9, #008D50, #40123B)

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