Dusty Pine color palette — #FFF3E6 · #A9A75B · #2E7D26 · #554778 · #3D3A34
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#A9A75B): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#2E7D26): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#554778): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#3D3A34): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Dusty Pine 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
- Pine Parlor color palette (#FCF4E6, #8DA56C, #00754E, #643E49, #36362F)
- Worn Mustard Field color palette (#E1F9E4, #BCA92D, #66731B, #713842, #072718)
- Hazy Summit color palette (#EFE3D1, #83954C, #006637, #4C2E61, #2F2901)
- Dusty Fern color palette (#F9F5E7, #94BB9B, #2B8379, #705051, #3E4800)
- Weathered Balcony color palette (#FCF6DA, #8F9E00, #0086CC, #596300, #003E62)
- Moss Grove color palette (#FFF3E3, #CBBC67, #809030, #91545E, #3D3A34)
- Feathered Garden color palette (#FFF7C4, #B7B829, #766800, #3E4000, #2C2500)
- Washed Station color palette (#EEEECF, #00AB85, #00676F, #6A2842, #003729)
Browse the whole catalog at Explore, or see today's palette.