Dusty Pine color palette — #F0F1DC · #387C42 · #004325 · #00272F · #001503

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

The five colors

• Cream (#F0F1DC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#387C42): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004325): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#00272F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001503): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Forest Terrace color palette (#F1EDD1, #5F883E, #0B540A, #501C00, #0E2000)
• Cypress Villa color palette (#D7E4CA, #006D5D, #003330, #00182B, #000806)
• Dusty Olive color palette (#E7DFD0, #756E12, #373B00, #410B14, #121000)
• Onyx Bloom color palette (#EFE8DB, #5E7033, #004319, #280051, #020300)
• Patina Jade color palette (#E9EFCF, #43A872, #006B4F, #004B5E, #00381F)
• Sunlit Pine color palette (#D1E3DF, #6CA96F, #00864C, #00616F, #001502)
• Softworn Aubergine color palette (#D1E5D7, #7A8C49, #006424, #411E77, #0D1200)
• Weathered Fern color palette (#EAE4D5, #8C9154, #4B5D00, #59302E, #2A2C00)

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