Weathered Lagoon color palette — #F6EFF5 · #BBE4F2 · #5C96B1 · #3C6A4B · #182C4A
A conversation between Slate Blue and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6EFF5): a clean, paper-quiet neutral.
- Powder Blue (#BBE4F2): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#5C96B1): A luminous, dusty blue — the color of deep harbor water.
- Pine (#3C6A4B): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#182C4A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Cypress Basin color palette (#F0F7F2, #C7E1EB, #4996AB, #007362, #1C4D65)
- Cobalt Garden color palette (#F9EEF5, #A7CEE3, #4780B5, #005D4A, #191C40)
- Hushed Powder color palette (#E1F7F4, #C4DEF3, #9FC8E8, #5C846B, #13393C)
- Aged Olive Balcony color palette (#E1F8F3, #86B276, #B674A3, #407429, #2D1F3F)
- Hushed Denim Station color palette (#ECDAE7, #5295A4, #004E79, #002D1F, #01001D)
- Patina Navy Thicket color palette (#E0EBDE, #597D9A, #252A8B, #001F20, #020007)
- Gentle Studio color palette (#F4ECDA, #99AA65, #5C8D3E, #006046, #003933)
- Muted Pine color palette (#C9FEFF, #83C8AB, #328A60, #004F35, #00190E)
Browse the whole catalog at Explore, or see today's palette.