Dusty Pine Ridge color palette — #E6DECF · #939A57 · #1F7B44 · #204482 · #2A0F46

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

The five colors

• Bone (#E6DECF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#939A57): A luminous, balanced green — the color of new leaves after rain.
• Olive (#1F7B44): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#204482): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#2A0F46): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Dusty Pine Ridge 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

• Quiet Workshop color palette (#E1E4D2, #62B071, #007D72, #4B3678, #390C39)
• Ancient Amber color palette (#FCE1D2, #C08B17, #6C7714, #00516A, #131F54)
• Ancient Moss Basin color palette (#F6D8CA, #AF9800, #388266, #5F4175, #552746)
• Tempered Courtyard color palette (#DEEBDF, #2C8878, #005966, #42223D, #24000C)
• Feathered Emerald color palette (#EDE5D2, #B5BA58, #4B9C55, #425C8B, #493169)
• Teal Corridor color palette (#E0E5C5, #7CB9A0, #56795F, #66434C, #431E1B)
• Nocturne Fern color palette (#EDEDD9, #4E6A3F, #003F30, #19133A, #08000C)
• Softworn Garden color palette (#FFF2EF, #ECC079, #54AC65, #784B7C, #4A1B4E)

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