Dusty Forest color palette — #F9EEF7 · #B56B71 · #00703C · #004561 · #130F25

Pine takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9EEF7): a clean, paper-quiet neutral.
• Mocha (#B56B71): A luminous, balanced red — the color of late-summer berries.
• Pine (#00703C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004561): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#130F25): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Dusty Coast color palette (#F9EEF4, #B3795B, #197879, #294687, #1D1424)
• Driftwood Archive color palette (#F3F0FA, #9C659E, #696203, #005249, #0A1427)
• Softworn Bronze color palette (#FFF2EB, #B96644, #666200, #004573, #39271C)
• Softworn Bronze Loft color palette (#E5F8E8, #CB8974, #8B6310, #00505A, #321926)
• Timeworn Aubergine Drift color palette (#FFECF2, #976000, #005A6C, #46009B, #230004)
• Hazy Terracotta Quarry color palette (#FCDFF1, #9F3D00, #00554D, #002E63, #140010)
• Tempered Pine color palette (#FFF2ED, #D37B83, #008E5C, #066C94, #372327)
• Airy Grove color palette (#FFF1F6, #DA9A68, #A37A19, #00688D, #271424)

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