Dusty Pine color palette — #E8F6E9 · #9EA66E · #177838 · #214C5D · #032219

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#E8F6E9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9EA66E): A luminous, dusty green — the color of fresh herbs.
• Olive (#177838): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#214C5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#032219): 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

• Muted Cabin color palette (#FBEEF4, #B69D60, #596E06, #4E3E60, #092212)
• Timeworn Moss Pier color palette (#E8FAF1, #88A75E, #3A713F, #255359, #1C3C35)
• Hushed Cypress color palette (#E6F6F1, #79AD96, #007377, #3C4D23, #002123)
• Forest Bloom color palette (#DAEADE, #7F9760, #006544, #522940, #0C1600)
• Timeworn Lagoon Station color palette (#FFF3E3, #AFBC7F, #4C9261, #506B59, #37362F)
• Timeworn Olive color palette (#DAF1E0, #6B8246, #005133, #002F3C, #000B07)
• Hushed Cerulean color palette (#F7EFF7, #9ED1DF, #0089AB, #205D2C, #09213A)
• Linen Veranda color palette (#DAEDFF, #2582C4, #747300, #34642A, #021527)

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