Dusty Lagoon Pier color palette — #F9F3F9 · #D4D4E4 · #8EC3DE · #4F9368 · #2B405C

Built around Fern, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D4D4E4): A whisper-light, dusty violet — the color of wild irises.
• Sky (#8EC3DE): A luminous, dusty blue — the color of open sky before noon.
• Fern (#4F9368): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2B405C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Pine Basin color palette (#FBF1FB, #CBDBF4, #42BEE9, #198D42, #13365D)
• Muted Teal color palette (#F9F4EC, #C4E7DF, #7FCBDE, #1FB095, #194E65)
• Washed Taupe Ridge color palette (#E4FBF6, #D0E0ED, #B8AEB3, #B09C6C, #22494B)
• Cerulean Loft color palette (#EDF4EE, #BBE4F2, #409BB0, #176D5C, #162F3F)
• Sunlit Seafoam Meadow color palette (#E4FBF9, #9CE9B0, #D8A4E9, #559C69, #462D4E)
• Softworn Cerulean color palette (#FBF3F0, #C9E5CB, #2097C0, #3C6F4A, #563E57)
• Airy Periwinkle Corridor color palette (#FFF0F9, #D6D7F1, #369DFD, #007460, #1D1162)
• Tempered Petrol Hollow color palette (#F8E9F4, #65C7DA, #006EA4, #00402B, #010015)

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