Muted Lagoon color palette — #FBF2F9 · #94D1D7 · #0083B1 · #1E613E · #273A5C
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF2F9): bright and airy, almost weightless.
- Ice Blue (#94D1D7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0083B1): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#1E613E): A full-bodied, balanced teal — the color of sea glass.
- Navy (#273A5C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted 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
- Wandering Cobalt Boulevard color palette (#F0F8EF, #A5C9EA, #6773B1, #005F62, #363756)
- Cerulean Drift color palette (#F2F3E7, #B4CFBA, #258A9D, #005B59, #002530)
- Cypress Hollow color palette (#EAF9F6, #B8DBE8, #51A3B4, #007C79, #173F53)
- Frosted Sapphire color palette (#D5E6FF, #3D72E3, #6E7300, #2C632C, #1D2C41)
- Softworn Blush color palette (#EFF6FF, #E5CEFE, #E191A8, #377C8F, #3C4157)
- Ancient Cerulean Balcony color palette (#ECDDE8, #0090A3, #004162, #002416, #020329)
- Weathered Lagoon Hollow color palette (#FDF3EE, #CCE9D2, #6BBDE2, #00A381, #1D3C5C)
- Airy Atelier color palette (#F5E8F0, #50ADC3, #005C90, #00402E, #131947)
Browse the whole catalog at Explore, or see today's palette.