Dusty Pine color palette — #FFF2EE · #B26872 · #248362 · #005C73 · #432C26

A conversation between Fern and Mocha, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Mocha (#B26872): A luminous, balanced red — the color of a theater curtain.
• Fern (#248362): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#432C26): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Antique Garden color palette (#FFF2EC, #AA5A4E, #007051, #004969, #3C2429)
• Pale Peony Alley color palette (#FEEDEB, #C06582, #418651, #2E5287, #281310)
• Weathered Denim Cabin color palette (#FFF3E8, #AC7240, #157F89, #3D4D8E, #37322D)
• Olive Archive color palette (#FFF1F3, #9D6DA2, #777517, #00624D, #48282F)
• Softworn Veranda color palette (#FFF4E2, #C88564, #816620, #005768, #423C37)
• Hushed Balcony color palette (#F7EDDD, #8B6C00, #026895, #4D2A8B, #342301)
• Weathered Basin color palette (#F6F3FF, #C385C4, #00A788, #78629B, #343040)
• Hushed Lagoon color palette (#FAF4F0, #DCDAD2, #C0C0B0, #A55F46, #4E4641)

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