Dusty Pine color palette — #E2F7F2 · #87B681 · #00813E · #365800 · #092806

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E2F7F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#87B681): A luminous, balanced green — the color of new leaves after rain.
• Olive (#00813E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#365800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#092806): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Olive Harbor color palette (#E7F6ED, #ABAC6E, #637400, #584C00, #222200)
• Ancient Cypress Veranda color palette (#FAF5E2, #7CB475, #007C5D, #525500, #254321)
• Muted Forest color palette (#CCEDE6, #65A769, #006D3E, #004A3B, #001D03)
• Aged Terrace color palette (#EAF5F0, #94BEB1, #637F51, #376042, #102D26)
• Sunlit Jade color palette (#E6FBF2, #B6E8B1, #1DAA83, #6B702D, #193616)
• Wandering Teal color palette (#CBEBE4, #00AEA5, #007D7D, #004C51, #002B31)
• Tempered Fern color palette (#D0E7DA, #797D3F, #3C4B00, #0B3300, #080800)
• Indigo Parlor color palette (#C3ECFF, #0093A7, #5D5DEC, #00761E, #001C21)

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