Dusty Cobalt color palette — #F5F6EA · #96B689 · #63A2AC · #7E6FAB · #404000

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

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Sage (#96B689): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#63A2AC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#7E6FAB): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#404000): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Cobalt Bloom color palette (#EFF8F0, #61BCBF, #7697BD, #7373AE, #334234)
• Tempered Fern color palette (#FFF2ED, #C7BF8E, #63A091, #8C5C80, #4F4A00)
• Softworn Balcony color palette (#FCF4EB, #CCA275, #7CA97D, #5C79B4, #413C36)
• Dusty Cerulean Bloom color palette (#EDF9F0, #A38F50, #4586B1, #685388, #314237)
• Patina Mustard Station color palette (#EAFAEC, #EBBB58, #A5A8E3, #7381A6, #28362A)
• Plum Coast color palette (#E9FBEC, #2EB2BF, #3E9AC7, #A2506A, #223928)
• Linen Plum Parlor color palette (#FEF5D9, #9E9B00, #0091C9, #B01C74, #2E2D00)
• Softworn Amber color palette (#F9F4EF, #EACCA3, #64A4C8, #BB7E00, #21322B)

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