Dusty Lagoon color palette — #FAF4F0 · #CDE8DF · #76BECE · #5B9570 · #325246

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#CDE8DF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#76BECE): A luminous, dusty blue — the color of deep harbor water.
• Fern (#5B9570): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#325246): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty 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

• Lagoon Courtyard color palette (#FAF4F0, #CFE5E3, #87B7DC, #249A8D, #614A5F)
• Weathered Studio color palette (#F6F6ED, #C9E8DE, #95D4D6, #77AFA1, #455849)
• Dusty Petrol color palette (#F5E7E1, #5CB0BD, #007095, #004C3B, #00142C)
• Muted Archive color palette (#FBF4EB, #E0BE8E, #8DB5E3, #B58128, #334F6E)
• Iris Studio color palette (#FEF4DF, #BEB27F, #6DAECE, #8889D3, #45423B)
• Frosted Workshop color palette (#FEF2ED, #A3E8F7, #2DA7E0, #008570, #0F3F79)
• Washed Study color palette (#F5EDE8, #97CEE4, #478CC6, #006C67, #1B295B)
• Soft Drift color palette (#F4EBE2, #91B6D7, #4B6CD3, #005763, #211149)

Browse the whole catalog at Explore, or see today's palette.