Ash Workshop color palette — #F0F8EE · #9CB997 · #BC82B3 · #00847D · #684045

A conversation between Dusty Rose and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F8EE): a clean, paper-quiet neutral.
• Sage (#9CB997): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#BC82B3): A luminous, balanced pink — the color of neon signs at night.
• Teal (#00847D): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#684045): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Ash Workshop 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

• Gentle Pine Ridge color palette (#F4F7E9, #8FBD98, #AD88C1, #1C8843, #594365)
• Petrol Boulevard color palette (#EDF9EF, #77BDC7, #CC8372, #00828E, #534B47)
• Lilac Veranda color palette (#EFF8EE, #89D4D0, #ADA6F3, #359E9B, #614253)
• Dusty Rust Chapel color palette (#ECF9ED, #53A7AA, #AA75A0, #B15754, #344836)
• Wandering Cypress Corridor color palette (#E7F5F6, #78C5AE, #BF9453, #0B856B, #223723)
• Fern Lantern color palette (#FAF5E7, #BBB9A1, #858358, #73582B, #454D00)
• Worn Alley color palette (#FDF0FF, #7AA3CF, #C76E42, #0067B5, #64331B)
• Abyss Harbor color palette (#EEF8F3, #DFB6A2, #3F6856, #134230, #172A2A)

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