Dusty Cobalt Lagoon color palette — #ECF5ED · #ADCCE4 · #297ED2 · #005967 · #10203B

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECF5ED): a clean, paper-quiet neutral.
• Lilac Frost (#ADCCE4): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#297ED2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005967): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#10203B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Washed Cerulean color palette (#ECF4EE, #A0D1DE, #008B9D, #005E48, #002435)
• Cobalt Meadow color palette (#FEF3E9, #9ECCE9, #5375C0, #00605B, #502E40)
• Cerulean Coast color palette (#DDECE0, #4298A6, #005168, #002C28, #00050B)
• Ancient Periwinkle color palette (#EDF4EF, #D5DCEF, #6CA1D2, #39757E, #2B3747)
• Violet Atelier color palette (#E0E1FE, #985AC8, #9A5F00, #006A64, #121027)
• Cobalt Courtyard color palette (#F0F0FF, #F9C6ED, #E69EAC, #6D65A9, #2A243A)
• Quiet Coast color palette (#EAF2EB, #6DA1D2, #174BC1, #003746, #070428)
• Antique Grape Ridge color palette (#EAEFFF, #8991E9, #7342C1, #4F216D, #2F1138)

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