Dusty Summit color palette — #ECF3DF · #5CB75F · #00895F · #00594E · #002D2F
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECF3DF): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#5CB75F): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#00895F): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00594E): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#002D2F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
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
- Hazy Jade color palette (#D5EED7, #00BA68, #008256, #006248, #00464D)
- Weathered Pine color palette (#EDEACB, #89A711, #008823, #005134, #002F26)
- Patina Delta color palette (#D5E6D9, #00AF95, #007878, #004B55, #002736)
- Misty Seafoam color palette (#E0FFE0, #7BF1A3, #00AC72, #00775C, #004539)
- Teal Pier color palette (#C7FFF7, #23C7BB, #007A72, #00453E, #00120E)
- Raspberry Pier color palette (#D8FAFA, #2BC489, #CF1969, #006D48, #42001C)
- Dusty Amber color palette (#F5E7D2, #B59000, #717800, #374F00, #002C10)
- Wandering Boulevard color palette (#D6FAFD, #B5E2FF, #89C7FF, #578800, #003233)
Browse the whole catalog at Explore, or see today's palette.