Dusty Jade color palette — #F4F7EA · #B8E1BC · #DDB7E7 · #7ABA83 · #64424A
Jade and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Celadon Mist (#B8E1BC): A whisper-light, dusty green — the color of a quiet forest floor.
- Lavender (#DDB7E7): A whisper-light, dusty pink — the color of neon signs at night.
- Jade (#7ABA83): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#64424A): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Dusty Jade 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
- Softworn Market color palette (#FBF4EA, #E7D3A0, #CABCFB, #BFA663, #654052)
- Teal Quarry color palette (#EFF9ED, #93E7DF, #F3B5B0, #5ABBB3, #534B48)
- Seafoam Garden color palette (#F2F9E0, #9AD9AA, #D9ACDA, #D08F99, #41433C)
- Misty Jade Market color palette (#F5F7E9, #B6EEDA, #F9BCA1, #6EAD60, #6C3604)
- Stone Alley color palette (#F3F7E8, #C9E9DA, #A2C3D3, #C0B68F, #464F3F)
- Powder Archive color palette (#E5FAF9, #9CD4AD, #89B6E3, #659B76, #33506D)
- Weathered Fern color palette (#FDF3E9, #E6D8BC, #CEB08D, #A88B78, #544700)
- Blush Villa color palette (#E3F4E1, #53D6D1, #F987A9, #00A6A3, #581E32)
Browse the whole catalog at Explore, or see today's palette.