Dusty Pine color palette — #E0F8F5 · #439053 · #254247 · #1C2C2B · #0F1717

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

The five colors

• Ivory (#E0F8F5): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#439053): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#254247): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#1C2C2B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0F1717): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Cypress Harbor color palette (#D1EFF1, #007B60, #003137, #001D1F, #00080C)
• Jade Lantern color palette (#F1F4E5, #6DAD77, #4F5C4F, #37392E, #23221C)
• Fern Boulevard color palette (#F1F3E8, #8BC897, #74806C, #505B12, #22221A)
• Weathered Teal color palette (#E2FAFF, #39ACA0, #BA6F88, #9F645D, #32464A)
• Moonless Denim Canyon color palette (#D7E9F5, #00628C, #12154D, #000E1C, #000206)
• Wandering Veranda color palette (#E8F9FC, #50C6B7, #C5838F, #338177, #58465B)
• Worn Market color palette (#FCF2F5, #DADEEF, #839AC3, #4B7685, #4B5266)
• Muted Lagoon color palette (#E3F6F7, #04936D, #26414A, #1F2B2C, #101618)

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