Dusty Alley color palette — #F4F2E8 · #B1B797 · #458272 · #515A32 · #262A0E

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

The five colors

• Cream (#F4F2E8): bright and airy, almost weightless.
• Sage (#B1B797): A luminous, dusty green — the color of new leaves after rain.
• Fern (#458272): A full-bodied, dusty teal — the color of sea glass.
• Olive (#515A32): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#262A0E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Antique Driftwood color palette (#F7F1E9, #CBC3AD, #8B863D, #556848, #33312A)
• Pine Pier color palette (#F9F1E1, #9BB176, #2E7D48, #00585A, #192500)
• Dusty Pine Boulevard color palette (#F5F6EA, #94BB99, #2F865C, #5D5E10, #3F4800)
• Hushed Thicket color palette (#EBF9F4, #9CD0CB, #4DA18B, #4F7C6D, #2A4946)
• Dusty Forest Quarry color palette (#EFEAD9, #789869, #006544, #004149, #131300)
• Ember Ridge color palette (#E7F6EB, #5AB3C1, #CD6E60, #00727F, #451610)
• Lagoon Harbor color palette (#D1EADB, #5CB2A5, #009094, #005367, #03304C)
• Hushed Field color palette (#E5F7EB, #B4DFF8, #CBBDEF, #358D77, #1D392C)

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