Dusty Pine color palette — #D5E6E6 · #008856 · #00626C · #00356C · #020200

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

The five colors

• Silver (#D5E6E6): bright and airy, almost weightless.
• Fern (#008856): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00626C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00356C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#020200): a grounded near-black with real depth.

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

• Aged Ridge color palette (#D4F4EB, #578100, #006552, #003D4B, #040100)
• Aubergine Quarry color palette (#C7E9F0, #00847A, #005D83, #331689, #010200)
• Fern Corridor color palette (#C4EBDE, #4C6200, #003B61, #37001B, #060002)
• Cellar Forest color palette (#E1EFE5, #006E3E, #00291D, #071012, #000202)
• Lagoon Alley color palette (#DAEFE5, #00988D, #007A83, #374B7E, #0E072E)
• Feathered Olive color palette (#D3F1E5, #6E982A, #2E740B, #454D1E, #030700)
• Faded Cobalt color palette (#DBF1F0, #74A6D2, #2574CD, #005879, #000429)
• Aubergine Harbor color palette (#C7EBF6, #00A4A7, #0076C3, #5E339D, #001706)

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