Weathered Pier color palette — #E8FAF4 · #AEEDE9 · #6DABAA · #7E708A · #1A3F40

Built around Blue Fog, softened by Sea Foam — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Sea Foam (#AEEDE9): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#6DABAA): A luminous, dusty teal — the color of sea glass.
• Slate (#7E708A): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Teal (#1A3F40): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns Weathered Pier 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

• Dusty Delta color palette (#EEF8EF, #BDDFF1, #86BAB6, #778D78, #344C43)
• Muted Lagoon color palette (#E5FBF3, #ABDEC0, #3B9B98, #466C60, #002F2F)
• Patina Lagoon Parlor color palette (#E5F6F2, #93C09E, #20886C, #6C4957, #0C2D2C)
• Weathered Hollow color palette (#F7F5ED, #8DBD9F, #008581, #734E4E, #3A4900)
• Blush Balcony color palette (#DAFEF7, #9ACB88, #E089BD, #BD78A1, #09322D)
• Washed Onyx Meadow color palette (#C6EAE3, #45A08A, #005862, #4F0D26, #000201)
• Jade Meadow color palette (#FFF5D8, #DAE18F, #7DB064, #2E8058, #154D59)
• Linen Boulevard color palette (#E2FBFA, #9BE9B7, #CCAAE9, #4A9E6C, #432D53)

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