Weathered Coast color palette — #F4F7EB · #B6EAE9 · #6FAECF · #438692 · #285145

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

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Sea Foam (#B6EAE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#6FAECF): A luminous, balanced blue — the color of deep harbor water.
• Storm Blue (#438692): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#285145): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Worn Studio color palette (#F4F7E5, #9EE8FF, #00AADC, #00818C, #0F4560)
• Patina Chapel color palette (#F5F6ED, #C4ECE1, #77BFC8, #778E6F, #44584B)
• Lagoon Studio color palette (#EDEDD9, #6EC2BE, #00858A, #005B4D, #002429)
• Periwinkle Atelier color palette (#D9FFF2, #40AFF3, #AA85CF, #4B9683, #1E3F35)
• Petrol Delta color palette (#DFE3D4, #49ACE3, #006BA9, #00475A, #00142D)
• Hushed Cypress color palette (#F9F4EE, #C3E6D3, #6490AE, #007074, #573D59)
• Aged Sky Pier color palette (#E2FCF1, #54C5FB, #CD89C9, #3C8AB0, #5A373D)
• Washed Lagoon Parlor color palette (#FBF3EF, #C2E0ED, #95BEF2, #009782, #543348)

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