Weathered Lagoon color palette — #FAF3F8 · #D5D4E2 · #87C2F0 · #0E9872 · #303F5B
A conversation between Fern and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Silver (#D5D4E2): a clean, paper-quiet neutral.
- Sky (#87C2F0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#0E9872): A luminous, balanced teal — the color of sea glass.
- Navy (#303F5B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Periwinkle Pier color palette (#FBF2F7, #D7D4E0, #7CA8E4, #008171, #2B2754)
- Softworn Lagoon Workshop color palette (#FAF3F5, #D9D4DE, #CDBBE8, #50A1A2, #484A68)
- Powder Lantern color palette (#F8F5EF, #BDEDE7, #76CAED, #50A9A1, #2F4F46)
- Wandering Veranda color palette (#FCF3EF, #ADE8F4, #5691BA, #297155, #583E53)
- Tempered Denim Canyon color palette (#ECE0ED, #6DAFB1, #005E78, #002E10, #000105)
- Emerald Alley color palette (#FAF1FF, #EDA1BC, #7BBC84, #57A664, #35223E)
- Weathered Sapphire Meadow color palette (#F6EAF1, #8AC0D5, #0067BE, #003F34, #020013)
- Powdered Azure color palette (#FBF2F8, #BBEFFF, #3198E7, #006C54, #141747)
Browse the whole catalog at Explore, or see today's palette.