Dusty Lagoon Harbor color palette — #F0F3ED · #CFDAD6 · #A1B4B9 · #5A907B · #343731

Built around Fern, softened by Ash — the whole palette hums with sophistication.

The five colors

• Cream (#F0F3ED): a clean, paper-quiet neutral.
• Silver (#CFDAD6): a clean, paper-quiet neutral.
• Ash (#A1B4B9): A luminous, dusty blue — the color of deep harbor water.
• Fern (#5A907B): A luminous, dusty teal — the color of sea glass.
• Charcoal (#343731): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Timeworn Studio color palette (#EDF8F7, #D4DCE4, #B3AAB0, #5D8C8C, #4C5554)
• Washed Petrol color palette (#ECF4F1, #DDD0CF, #C8B4B7, #3C7D9F, #252F2B)
• Fern Studio color palette (#F6F1E9, #CFC2A3, #7F885E, #5D6822, #33312A)
• Weathered Cerulean Basin color palette (#FAF0E1, #6CBDA8, #00879D, #6D425A, #243022)
• Hushed Villa color palette (#DCE1DA, #839285, #4F7560, #00322A, #000200)
• Abyss Dune color palette (#DFECE5, #A6B8B2, #A2819E, #004B5F, #010E07)
• Seafoam Alley color palette (#ECF4EC, #AFE5F8, #33F0EA, #48A2C4, #1A2E1F)
• Lagoon Lantern color palette (#E5F1E5, #009597, #2A4135, #172118, #0A0E08)

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