Weathered Coast color palette — #F7F9D0 · #80BDA3 · #31958B · #236E7E · #2D4F62
A conversation between Fern and Teal, giving this palette its sense of nature and growth.
The five colors
- Custard (#F7F9D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#80BDA3): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#31958B): A luminous, balanced teal — the color of sea glass.
- Teal (#236E7E): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#2D4F62): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Lagoon Bloom color palette (#D3FBFB, #8ACABB, #259693, #00686E, #123E51)
- Wandering Cerulean color palette (#EBFCDB, #6BBFC4, #348EAB, #3E688E, #5E4559)
- Timeworn Petrol color palette (#EDFBDC, #96DACA, #4FB4B0, #00848E, #355943)
- Softworn Bloom color palette (#ECF9EE, #77BDC4, #C4848F, #00828B, #63443D)
- Dusty Meadow color palette (#FFF3DE, #B1B57E, #648B54, #24705B, #3F543A)
- Softworn Teal Canyon color palette (#D8ECE5, #00A7A5, #006782, #003A69, #341352)
- Driftwood Alley color palette (#EBFAE9, #C1EAEE, #EAC2D6, #8D9470, #435146)
- Ancient Teal Summit color palette (#E8FBEA, #39AAAF, #B27871, #8E6749, #354837)
Browse the whole catalog at Explore, or see today's palette.