Dusty Cobalt color palette — #F0F6FF · #B6DCBF · #667CB0 · #3D4E68 · #272C32

Built around Slate, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Celadon Mist (#B6DCBF): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#667CB0): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#3D4E68): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#272C32): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Weathered Meadow color palette (#EFF6FE, #FAC2B3, #5980AE, #3D4F63, #252C34)
• Washed Driftwood Basin color palette (#FAF3F8, #CBE3CF, #9C7996, #553D51, #221720)
• Aged Coral Bloom color palette (#F1F6FC, #B5D3FD, #D87E7C, #638EC8, #332B32)
• Ash Boulevard color palette (#F1F5FD, #EED3F5, #8E9EC5, #616E83, #262C34)
• Lapis Meadow color palette (#EBEEFA, #7FC797, #6453A7, #362E58, #131521)
• Aged Pier color palette (#ECF7FD, #58BAD2, #83A86F, #53886B, #2E4049)
• Antique Ash Bloom color palette (#F3F5FB, #DFD8DE, #BEAFAD, #9D94BF, #515258)
• Worn Workshop color palette (#E4FAFB, #A9BCF0, #BA7C9F, #447B6C, #444656)

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