Dusty Cobalt color palette — #F8EFF2 · #AECBE7 · #677AAD · #005A65 · #181E3B

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Lilac Frost (#AECBE7): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#677AAD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A65): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#181E3B): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Aged Cerulean color palette (#F9EEF6, #A5D9EB, #0090B5, #006549, #002744)
• Tempered Cobalt Garden color palette (#EFF7F7, #ADC8E3, #4A7AB6, #005A7D, #253961)
• Pale Coast color palette (#FEECF5, #7AC7EA, #0073CB, #005250, #0E0B4D)
• Hushed Villa color palette (#F4F6EF, #C1DFF4, #84A9D8, #1F789F, #1C2D51)
• Washed Denim Terrace color palette (#EFDDE8, #4B96AA, #004E76, #002C27, #000218)
• Washed Parlor color palette (#F0F0FF, #E6D5FD, #ECA391, #5A5F97, #231E34)
• Gentle Market color palette (#E1DFF2, #9A61B0, #557C21, #2C6B26, #140E2A)
• Gentle Workshop color palette (#D8E5FD, #8C89DB, #774CA5, #5F2B6A, #330825)

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