Dusty Pine color palette — #F4F6ED · #D1E0DA · #A1D0CE · #2B8C42 · #1D2010

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

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Silver (#D1E0DA): bright and airy, almost weightless.
• Oat (#A1D0CE): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#2B8C42): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#1D2010): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Muted Bronze Pier color palette (#F9F5EB, #D5E0D4, #ADCBBC, #867700, #221E13)
• Lagoon Courtyard color palette (#F2F7F0, #CCE5E3, #E5C5CF, #008979, #1A2117)
• Antique Summit color palette (#F2F7ED, #C8E0DB, #9FC4B9, #007156, #090F04)
• Muted Delta color palette (#E5F2F1, #C3D7E4, #A9BBCE, #64A27C, #1B3332)
• Mint Villa color palette (#F8F6E7, #82CEA1, #008884, #4C5717, #141C00)
• Timeworn Forest Station color palette (#E3F2F1, #C1CFD2, #8EA4AE, #006634, #193332)
• Tempered Lagoon Field color palette (#DAECD2, #00897A, #4D4240, #002938, #010500)
• Seafoam Thicket color palette (#F1FCC5, #8ED6CD, #5B88A7, #804F39, #422612)

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