Weathered Coast color palette — #EBF4F3 · #D3DAEE · #67A3CD · #2C7689 · #25384B

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

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#D3DAEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#67A3CD): A luminous, balanced blue — the color of deep harbor water.
• Teal (#2C7689): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#25384B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Denim Lagoon color palette (#D0E4E2, #61A7C4, #005F87, #003842, #000C19)
• Muted Petrol color palette (#DDEDEA, #8CBCCD, #00788A, #004B49, #001921)
• Muted Navy Parlor color palette (#D6E5E5, #477EA8, #003C70, #001D2A, #000106)
• Weathered Powder Pier color palette (#FAF3F6, #D8D4DF, #A7CFFF, #51A1A0, #444D60)
• Muted Lagoon Workshop color palette (#E3F7F2, #9DDEDC, #00959D, #006356, #002B31)
• Wandering Ash Meadow color palette (#FBF4EE, #C6ECEC, #AA8EAD, #5C775B, #614A5B)
• Worn Stone Loft color palette (#F4F6EE, #C1EDEE, #8DBDAD, #6A917A, #3D5952)
• Sand Delta color palette (#FCEDF2, #BFEAF3, #EBE1A9, #A57D8F, #2E3C2F)

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