Dusty Pine color palette — #F3F7EA · #8FBCA1 · #B985AE · #008854 · #654246

Built around Fern, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F7EA): a clean, paper-quiet neutral.
• Sage (#8FBCA1): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#B985AE): A luminous, balanced pink — the color of a candy shop window.
• Fern (#008854): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#654246): A full-bodied, dusty red — the color of late-summer berries.

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

• Blush Chapel color palette (#F0F3E9, #89C39D, #C981B0, #328456, #44282A)
• Dusty Drift color palette (#EDF9EF, #7EBCC4, #C3877A, #00828D, #6C3F36)
• Muted Olive Terrace color palette (#F9F5E7, #B2B487, #9790CB, #77771D, #4D476E)
• Bronze Archive color palette (#F0F9E5, #6BA78C, #8482BD, #AC5E39, #41443D)
• Patina Lilac color palette (#E9F8FD, #8BD3D4, #B7A1F6, #2C9EA0, #464B69)
• Dusty Villa color palette (#F1F8EC, #BBE0E2, #98C2CF, #799B73, #454F3E)
• Antique Bronze Harbor color palette (#FAF4EB, #C0B7A2, #9E7938, #785630, #544700)
• Mallow Summit color palette (#E8F9F9, #9DE8BD, #F1AEDB, #7BB895, #524761)

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