Dusty Lagoon color palette — #F1F3EC · #C4E3E4 · #77A2C2 · #18768E · #412E44

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C4E3E4): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#77A2C2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#18768E): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#412E44): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Dusty Veranda color palette (#F2F2EC, #CADED7, #65AAAD, #227B6A, #263C2C)
• Hushed Denim color palette (#E6E9DF, #6DA5BF, #005F89, #003843, #000C19)
• Patina Periwinkle Grove color palette (#FAF3F6, #D8DEEF, #769CCC, #407A7B, #4A5264)
• Washed Parlor color palette (#F9EDFA, #EDD1D8, #E3B7BC, #5E90AC, #3F313F)
• Dusty Lagoon color palette (#E0F8F0, #74A2C4, #9E7CBF, #008D74, #132D25)
• Timeworn Petrol color palette (#E7F6EF, #8DBAD5, #80AA6E, #007BAA, #213816)
• Muted Petrol Meadow color palette (#E9EADE, #98BEA1, #00788C, #004B4A, #001922)
• Cerulean Alley color palette (#F2F3E7, #9BDEDE, #0094A0, #006359, #002B32)

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