Dusty Pine color palette — #EAF9F5 · #9CB993 · #4F8157 · #386264 · #2D4944

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

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Sage (#9CB993): A luminous, dusty green — the color of fresh herbs.
• Fern (#4F8157): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#386264): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#2D4944): 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

• Worn Olive color palette (#E6FBF3, #91AE6F, #2F7D00, #005D5D, #1A433A)
• Worn Lagoon color palette (#ECF8F8, #A2C9CD, #409185, #4B6C76, #3B5254)
• Basalt Harbor color palette (#FBF5E7, #B8CD9C, #709B7C, #647866, #4A4400)
• Taupe Terrace color palette (#EEF8EF, #B4E0D1, #89B997, #7196A8, #2A4A3F)
• Hushed Forest color palette (#D7E9E4, #719863, #016724, #00474C, #00312B)
• Timeworn Ultramarine color palette (#EFF6FF, #76A0E5, #1DA172, #2F62B8, #1B4D38)
• Softworn Mallow Chapel color palette (#F1F5FF, #DCD8E1, #DAB2F5, #6277AA, #42485D)
• Patina Pine color palette (#D5E8E5, #1A803E, #004329, #002922, #001505)

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