Dusty Lagoon color palette — #EFF7F7 · #D6DBE1 · #B3A9AF · #5B8E7B · #475657

Fern takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D6DBE1): a clean, paper-quiet neutral.
• Ash (#B3A9AF): a calm mid-gray that lets other colors speak.
• Fern (#5B8E7B): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#475657): a grounded near-black with real depth.

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

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

• Hushed Studio color palette (#EFF3ED, #D0D9D6, #A2B4BA, #778A6B, #333830)
• Ancient Petrol Pier color palette (#F0F6FA, #DBDAE3, #C6BCC9, #3C7C9F, #41494F)
• Abyss Villa color palette (#E6FAF7, #B7CDCA, #7797A1, #876B7A, #385A4D)
• Wandering Summit color palette (#DAE3E8, #B2B9C4, #898CA6, #004C62, #0C222E)
• Chestnut Boulevard color palette (#FFF0FA, #86B590, #438098, #85452F, #2B4E53)
• Antique Spruce color palette (#E6F0F2, #8F9CA3, #607288, #00332C, #000C0E)
• Worn Ultramarine color palette (#EFF6FF, #CDD1E6, #AB9FC5, #0056B5, #233449)
• Dusty Lagoon color palette (#E8F4F9, #128D95, #2E3E4E, #162C34, #0E171C)

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