Muted Lagoon color palette — #F1F7F2 · #C1E7F8 · #6CBEDD · #00A194 · #0B3F5C
A conversation between Fern and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Frost (#C1E7F8): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#6CBEDD): A luminous, balanced blue — the color of deep harbor water.
- Fern (#00A194): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#0B3F5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Washed Archive color palette (#E8F2E9, #ABDAF9, #70A8E9, #008EA3, #1C2A58)
- Teal Chapel color palette (#F1F7F2, #D4E0EF, #A2CEE6, #4FB6A4, #3F5666)
- Weathered Azure color palette (#FBF2F9, #BADAE8, #409FD7, #008058, #293862)
- Dusty Cerulean Study color palette (#F8F1E6, #92D4E0, #2488A8, #005C54, #00281E)
- Antique Cobalt Meadow color palette (#DAE5DC, #7CA7BD, #007FAA, #005D5A, #000A17)
- Muted Amber color palette (#E1FDEE, #B8E3EA, #85C9E0, #C49853, #164434)
- Patina Alley color palette (#CAEFDA, #BEB053, #00B6DE, #CF6FB0, #322C00)
- Muted Bronze color palette (#D8EEDF, #9ECEB7, #B09C61, #A06E20, #14382E)
Browse the whole catalog at Explore, or see today's palette.