Dusty Summit color palette — #F4F6EF · #D4DDDA · #B0B0BD · #ABB38D · #4C4E47

Sage and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D4DDDA): bright and airy, almost weightless.
• Ash (#B0B0BD): a calm mid-gray that lets other colors speak.
• Sage (#ABB38D): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#4C4E47): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Teal Workshop color palette (#F2F7ED, #CBE4E0, #BCB9C4, #35A889, #2F3827)
• Ancient Abyss Alley color palette (#E2E6DC, #B2BFB3, #6D98B3, #00482E, #010100)
• Driftwood Hollow color palette (#F7F6EC, #BDE1DC, #7DBBBB, #91883F, #3B4E05)
• Softworn Denim Veranda color palette (#E6F1EB, #DCC9D9, #C09AA8, #005570, #000402)
• Patina Drift color palette (#EEF9EB, #61C2B4, #415B50, #242E21, #0F100B)
• Muted Cocoa color palette (#FBF6DE, #C8ECDC, #ADD2C3, #9C8572, #75410A)
• Washed Courtyard color palette (#FFF2EE, #BEECB7, #4EB1CA, #976166, #3A4232)
• Dusty Cobalt color palette (#EAF9F3, #E6D5CF, #A49C91, #0087C2, #102A22)

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