Dusty Pine color palette — #EAF5F2 · #99BF9C · #40855F · #375F49 · #142C2A

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF5F2): bright and airy, almost weightless.
• Sage (#99BF9C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#40855F): A full-bodied, balanced teal — the color of sea glass.
• Pine (#375F49): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#142C2A): 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

• Cypress Garden color palette (#E1F7F5, #74AF90, #00765C, #1F4F4C, #002122)
• Worn Olive Harbor color palette (#EBF5EF, #B1B88C, #687F40, #6E4856, #112D24)
• Olive Station color palette (#D9EFE8, #93B76A, #438C08, #1D5D21, #13381F)
• Pine Terrace color palette (#E4F6F4, #79B57C, #3A95D5, #18792A, #092942)
• Chestnut Grove color palette (#F8F6E4, #87BF99, #348275, #85462C, #3C4900)
• Tempered Seafoam color palette (#DCF9F7, #ABDDF8, #78D3CB, #628C62, #143436)
• Tempered Cerulean Chapel color palette (#ECF4F2, #B8E5F3, #00A0B0, #006D65, #13303D)
• Bronze Grove color palette (#F5F6E9, #A5D2AA, #619F7C, #896E26, #404800)

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