Dusty Pine color palette — #D4EBEB · #008B52 · #004486 · #004426 · #000206

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

The five colors

• Frost (#D4EBEB): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#008B52): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004486): A deep, shadowed, balanced blue — the color of open sky before noon.
• Forest (#004426): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Black (#000206): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Dusty Olive Loft color palette (#D3E5E0, #608200, #004E5A, #2D3F00, #000204)
• Feathered Aubergine Loft color palette (#DEF5FA, #008680, #591696, #00413E, #01000E)
• Worn Navy Orchard color palette (#F1D6E9, #00736C, #004069, #3E0A00, #000405)
• Soft Aubergine color palette (#DAE9F2, #0091B5, #830094, #004D61, #040006)
• Obsidian Aubergine color palette (#D8EBE8, #166E0C, #2B0070, #032502, #02000D)
• Dusty Ultramarine Meadow color palette (#E9ECDF, #36A352, #2F52D9, #006A29, #000010)
• Weathered Abyss Atelier color palette (#D6E5E7, #90A9B5, #7089A0, #005149, #010B0E)
• Garnet Quarry color palette (#CAE4E7, #00594D, #590044, #3C002C, #030200)

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