Dusty Pine color palette — #E9F6EC · #9CA676 · #3C733D · #0B514E · #012219

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 (#9CA676): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#3C733D): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#0B514E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#012219): 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 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

• Taupe Loft color palette (#E7FAF3, #89A56F, #496E42, #245453, #173D35)
• Forest Cabin color palette (#DCF0E5, #7A9864, #00663F, #442B5A, #081600)
• Pale Pine color palette (#E6F7EB, #9CB267, #008134, #514272, #00271E)
• Lagoon Meadow color palette (#EAF5F0, #8FBEB7, #378669, #3A5A68, #0B2E29)
• Aged Emerald Bloom color palette (#F7F6E9, #BDDBA6, #65995F, #416F56, #2A290E)
• Tempered Olive Cabin color palette (#DDF4E7, #65843E, #00522C, #003134, #040A00)
• Aged Cerulean color palette (#F8EEF5, #A4D0DB, #008B9F, #115E35, #002435)
• Chalky Cobalt Coast color palette (#E3EFFF, #3B7BD0, #986000, #6A5B00, #051427)

Browse the whole catalog at Explore, or see today's palette.