Dusty Lagoon color palette — #FBF3EF · #BFE5F5 · #97C0E4 · #31938B · #4E364A

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Powder Blue (#BFE5F5): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#97C0E4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#31938B): A luminous, balanced teal — the color of sea glass.
• Charcoal (#4E364A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, 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 Ridge color palette (#FEF3ED, #C3E1E8, #7DC6E5, #439378, #15493F)
• Periwinkle Canyon color palette (#FBF4ED, #C3E4F7, #80A7E6, #007E85, #292951)
• Softworn Quarry color palette (#FBF2F7, #C2E2F4, #5690BF, #00726A, #364865)
• Dusty Study color palette (#FFF0F8, #E9D7DE, #AFBAB4, #8BB4DC, #5E424B)
• Muted Market color palette (#FFF2EB, #8FDCD7, #00899D, #00552D, #000F18)
• Mallow Alley color palette (#FFF1F7, #C2AAFF, #AFAF69, #869C51, #3C222E)
• Washed Iris color palette (#ECF7FF, #C8DCFF, #9093DF, #7764A9, #5A323C)
• Cerulean Corridor color palette (#F1F3EA, #BEE8D1, #3599C5, #006B78, #0B3429)

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