Dusty Pine color palette — #F8F1E5 · #AAA079 · #4A7040 · #453E6E · #231C00

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Taupe (#AAA079): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#4A7040): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#453E6E): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#231C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Hushed Cypress color palette (#F3F3E7, #7EAC93, #00746D, #623356, #172004)
• Hushed Villa color palette (#FBF5E5, #9AA162, #556D00, #514946, #37352F)
• Muted Emerald color palette (#EBFAED, #B6B97D, #59923F, #665C86, #213C31)
• Aubergine Ridge color palette (#EEE6D6, #6C823E, #005222, #351359, #050900)
• Spruce Pier color palette (#F2F3E9, #BBC9AE, #6F8B6F, #7A5757, #243800)
• Rust Corridor color palette (#F0DBCF, #B95F33, #007C8C, #006486, #230D00)
• Worn Cerulean color palette (#F9F0EC, #B6CFBC, #3585AA, #005D4B, #012042)
• Ancient Terracotta Lantern color palette (#FFEEE3, #D8906C, #9D4600, #581B00, #170600)

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