Muted Lagoon color palette — #F8F5EF · #BFE1E9 · #63CAEA · #319485 · #21483B
Built around Sky, softened by Fern — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#BFE1E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#63CAEA): A luminous, balanced blue — the color of open sky before noon.
- Fern (#319485): A luminous, balanced teal — the color of sea glass.
- Forest (#21483B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: 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
- Hushed Powder color palette (#FAF4EC, #C1E3F5, #85C0FB, #1192A2, #4E354C)
- Hushed Courtyard color palette (#EEF7F6, #C0E3F1, #4097AB, #04716F, #264D61)
- Petrol Harbor color palette (#F4EDE2, #69C6DE, #007098, #003E3C, #000308)
- Wandering Loft color palette (#FCF4E7, #9FD4F3, #007DD3, #00505A, #00062F)
- Tempered Azure color palette (#FCF4E8, #B2F2FF, #00A0CE, #006A64, #002136)
- Patina Hollow color palette (#EFFBDA, #B2F1EE, #2CB982, #006A48, #002517)
- Worn Stone Pier color palette (#F1F8E6, #C4EBDA, #CDC5D4, #9BBB86, #45523B)
- Quiet Emerald color palette (#F4F7E8, #9CEAAC, #F19BDD, #399F57, #4E2A46)
Browse the whole catalog at Explore, or see today's palette.