Dusty Pine Pier color palette — #E9F6EC · #99A773 · #2D763A · #503D5E · #04221A
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E9F6EC): a clean, paper-quiet neutral.
- Sage (#99A773): A luminous, dusty green — the color of new leaves after rain.
- Olive (#2D763A): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#503D5E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Onyx (#04221A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Dusty Pine Pier 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
- Cypress Orchard color palette (#E4F6F3, #71AF98, #007373, #5A3B50, #002123)
- Dusty Delta color palette (#E8FAF0, #99A15E, #566C25, #633E4C, #223B32)
- Pine Veranda color palette (#E8F6ED, #9BB272, #04813C, #5A4B00, #00271F)
- Timeworn Archive color palette (#DAF1E5, #799869, #006543, #3D3B05, #001713)
- Muted Orchard color palette (#FCF4E7, #ACBC84, #598F60, #7E5856, #37362F)
- Antique Lagoon color palette (#EBF9C8, #9EB255, #5F7100, #2E3800, #091000)
- Linen Amber Chapel color palette (#FFE8D4, #B6880F, #726400, #3E4600, #042705)
- Indigo Grove color palette (#DBEEE4, #877F00, #5C5BD1, #7A3F86, #00190E)
Browse the whole catalog at Explore, or see today's palette.