Weathered Coast color palette — #EFF2F8 · #B5C0F3 · #BE6271 · #626DA7 · #1A131B

Built around Mocha, softened by Slate — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#EFF2F8): bright and airy, almost weightless.
• Lavender (#B5C0F3): A luminous, dusty violet — the color of wild irises.
• Mocha (#BE6271): A luminous, balanced red — the color of a theater curtain.
• Slate (#626DA7): A full-bodied, balanced violet — the color of wild irises.
• Ink (#1A131B): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Washed Courtyard color palette (#F1F1F8, #D0B6ED, #B66F38, #8061A1, #1F1118)
• Tempered Driftwood color palette (#ECF3F8, #84CFEE, #AE6897, #127D9F, #18131F)
• Weathered Coral color palette (#FAF2F8, #C3CEFF, #D3817E, #7D89BE, #362B26)
• Dusty Driftwood Delta color palette (#E5F6F1, #B2A0DA, #A0637A, #285D50, #2C293B)
• Pale Driftwood color palette (#EDF2FF, #CCAEE1, #B4739E, #844054, #531A0F)
• Worn Parlor color palette (#EFF1FB, #8D7AB8, #965E27, #1D5D40, #171B29)
• Mulberry Pier color palette (#F4F0F9, #D99EC5, #907000, #963E7E, #051109)
• Weathered Blush Corridor color palette (#FBF3F5, #E5D9E2, #E391B9, #A58CC9, #271B1A)

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