Dusty Canyon color palette — #FBF3F1 · #CDE7E0 · #7AA48F · #437E4F · #5F4B60

Built around Olive, softened by Eucalyptus — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#CDE7E0): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#7AA48F): A luminous, dusty teal — the color of sea glass.
• Olive (#437E4F): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5F4B60): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Cypress color palette (#FAF4EF, #CBE6E7, #819AC6, #317D75, #664858)
• Softworn Cypress Lantern color palette (#FFF1F3, #B387AE, #719663, #2E8167, #56393D)
• Tempered Aqua Dune color palette (#F8F5EF, #CDE5DE, #6AC0CD, #52967D, #375144)
• Turquoise Grove color palette (#EEF4EF, #CDDDED, #5AAAB6, #3F7863, #233946)
• Patina Harbor color palette (#F9F5E8, #BABAA1, #868256, #745737, #3D5008)
• Muted Indigo Lantern color palette (#FDF2F6, #CEA1B3, #6EA880, #805FAC, #30573D)
• Antique Harbor color palette (#F7E8E3, #4D8C94, #00425E, #002413, #00022C)
• Cobalt Boulevard color palette (#FCF3ED, #AACEC1, #5974BD, #00605D, #3D335A)

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