Dusty Field color palette — #E2F8EC · #8BAC74 · #20764E · #284C59 · #03221D
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E2F8EC): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#8BAC74): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#20764E): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#284C59): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#03221D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Dusty Field 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
- Patina Summit color palette (#FDEDF2, #B79E4A, #5E6C28, #384760, #092213)
- Worn Lagoon Quarry color palette (#E6F6F1, #8CC29D, #298677, #3D596A, #142C2B)
- Worn Clover Villa color palette (#DCFAEC, #76BD5C, #007F59, #5A3F6A, #102706)
- Tempered Emerald Meadow color palette (#D6F5E9, #5BA066, #006451, #4A2B4F, #001615)
- Tempered Atelier color palette (#FDF4E4, #A19D73, #397053, #2B5540, #36362F)
- Dusty Studio color palette (#F6F7E4, #A9E1A6, #509D6A, #5A694B, #282A0C)
- Pine Meadow color palette (#D2F7E8, #358E3A, #00503D, #002F3A, #000B01)
- Washed Cerulean color palette (#F9EEF6, #95D4DB, #0088AE, #155C47, #0A2237)
Browse the whole catalog at Explore, or see today's palette.