Dusty Lagoon color palette — #FAF4F0 · #C1E0E4 · #7CC8DC · #329766 · #20483B

Fern takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C1E0E4): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7CC8DC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#329766): A luminous, balanced teal — the color of shallow lagoons.
• Forest (#20483B): A deep, shadowed, 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

• Ancient Lagoon Pier color palette (#FBF3F0, #BFE4EE, #7AC5EE, #1C967E, #4D364E)
• Ancient Loft color palette (#FBF2F8, #B6E6F2, #4797A9, #35704F, #344B5C)
• Mint Bloom color palette (#E8FBE9, #BEE9E9, #D2C5C5, #7EC1A5, #2C4837)
• Petrol Basin color palette (#F8EBE5, #85C3CA, #007292, #00402F, #000308)
• Patina Alley color palette (#F2FBCF, #99E6C9, #00B5B0, #007C8D, #003F53)
• Frosted Blush Bloom color palette (#ECF9EE, #8CE5EE, #FE97B3, #009CA7, #582534)
• Tempered Cobalt color palette (#FDF3ED, #9ED5EA, #2480C0, #00524C, #010531)
• Turquoise Veranda color palette (#DEFFE6, #C7E7FF, #32B0C9, #006976, #002024)

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