Weathered Coast color palette — #EEF8F5 · #C0E7DF · #8FC1BB · #7AA3A4 · #3A534E

Ash and Blue Fog set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Silver (#C0E7DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#8FC1BB): A luminous, dusty teal — the color of shallow lagoons.
• Blue Fog (#7AA3A4): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#3A534E): A full-bodied, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

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

• Muted Fern color palette (#F9F5ED, #BCE7D2, #94BA99, #778D77, #504700)
• Muted Powder Workshop color palette (#F0F5FF, #DBD8E2, #9EBEF0, #BCADA7, #4A5161)
• Mallow Garden color palette (#F0F5FF, #B5C4FC, #EAA4D4, #60BFCC, #384256)
• Periwinkle Harbor color palette (#EDF7FF, #B4DCFF, #85B9F2, #6F95D5, #42526E)
• Gentle Jade Study color palette (#E4FBF8, #A1DFBB, #00C194, #279C92, #15452E)
• Softworn Pine color palette (#CBEEE6, #71A776, #00864F, #00616F, #001503)
• Dusty Boulevard color palette (#F4F3E4, #C5C6A2, #818943, #556A29, #31322B)
• Timeworn Stone color palette (#EDF8F6, #C1E6E4, #89C1C3, #77A3AA, #385352)

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