Weathered Lagoon color palette — #F1F7F2 · #D4DFF0 · #7FBBD4 · #3B978E · #3D556A
Built around Fern, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D4DFF0): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#7FBBD4): A luminous, dusty blue — the color of open sky before noon.
- Fern (#3B978E): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#3D556A): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Lagoon 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
- Powder Quarry color palette (#F9F4ED, #BBE6F2, #A8C6F0, #829A7C, #37544B)
- Softworn Lagoon color palette (#F9F3F7, #D4E1F3, #6FA0C2, #467B63, #485366)
- Antique Petrol color palette (#DDE6DF, #77BFC8, #00819F, #005A4F, #002234)
- Muted Emerald Pier color palette (#E8F9F8, #A4D1B2, #D19DCE, #3FA269, #504768)
- Worn Workshop color palette (#D8E5DA, #599DB4, #005F89, #003B3C, #00091A)
- Faded Workshop color palette (#EEF8F0, #B9E1FE, #4EA1EB, #00808E, #1E3C7A)
- Worn Coast color palette (#ECF9EE, #B6D3C1, #83A689, #906776, #364E44)
- Pine Hollow color palette (#DDFCFF, #ABE4E9, #69B295, #08805C, #004145)
Browse the whole catalog at Explore, or see today's palette.