Dusty Cobalt color palette — #F1F5FF · #BBCD96 · #6369B2 · #354161 · #1D212C

Slate and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Pistachio (#BBCD96): A whisper-light, dusty green — the color of a quiet forest floor.
• Slate (#6369B2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#354161): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#1D212C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Cobalt color palette (#EFF6FE, #F2B494, #4073B2, #2A4464, #1C222A)
• Driftwood Thicket color palette (#F4F4FD, #A6DDDE, #8970A6, #494A67, #2A2B32)
• Dusty Cobalt color palette (#FFF0F9, #DAEFB9, #6F6FA7, #4B2D40, #180A13)
• Patina Marigold Harbor color palette (#FEF1F7, #CAAA64, #514781, #3D2532, #241616)
• Byzantium Basin color palette (#F5F3FF, #70D394, #973D9F, #512755, #1C172B)
• Ash Coast color palette (#F3F4FF, #FFC4C0, #9B8AC1, #5D617D, #1F212C)
• Soft Amber color palette (#F1F5FE, #B7BEFF, #D86D34, #7177C7, #2F1E28)
• Tempered Ash Workshop color palette (#F5F4FB, #E2D8DD, #D6BBBF, #A380B0, #474651)

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