Weathered Lagoon color palette — #FDF1FA · #ABF5F8 · #00A2C6 · #006D4B · #002137
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF1FA): a clean, paper-quiet neutral.
- Sea Foam (#ABF5F8): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00A2C6): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006D4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002137): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Tempered Azure color palette (#FEF1F8, #C5EDFF, #2495F5, #006A67, #131A3E)
- Wandering Sky Balcony color palette (#FAF3F8, #D0D6E8, #28B4EE, #00816A, #17304B)
- Tempered Cobalt color palette (#FDF1F8, #81DAF7, #0081C5, #00524B, #01062F)
- Washed Denim Lantern color palette (#EAE0E6, #5CB0C4, #005B84, #002C25, #000106)
- Petrol Archive color palette (#F3EEE6, #7DBEC2, #007589, #005142, #003346)
- Hushed Delta color palette (#FCE8EF, #8EBCE2, #2252EB, #003D44, #030011)
- Timeworn Powder Grove color palette (#F9F3F7, #D4D4E3, #95D6F4, #61A18B, #3F4F60)
- Mint Loft color palette (#DBFFEB, #68E5A0, #00904E, #00412A, #000301)
Browse the whole catalog at Explore, or see today's palette.