Dusty Pine color palette — #ECF8F6 · #C8DEE7 · #A1B9B9 · #457041 · #303E3C

Built around Olive, softened by Silver — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF8F6): a clean, paper-quiet neutral.
• Silver (#C8DEE7): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#A1B9B9): A luminous, dusty teal — the color of glacier melt.
• Olive (#457041): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#303E3C): quiet, heavy and certain.

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

• Petrol Orchard color palette (#EDF7FD, #D3D9EA, #A4C0D9, #017690, #2F434D)
• Antique Emerald Meadow color palette (#F5F6ED, #D2DCD5, #B0C4BA, #618F51, #3D3E00)
• Washed Taupe color palette (#EAF9F5, #80A877, #3F704A, #22554A, #1C3C37)
• Worn Abyss Bloom color palette (#D7EBED, #91B0B6, #5E8793, #004236, #00181B)
• Denim Villa color palette (#E6F0F7, #BDCFDF, #94A2B2, #0C5D7B, #252F36)
• Timeworn Teal Harbor color palette (#CFF0F3, #63B0AA, #4E7D8F, #485267, #40364E)
• Lowlit Cypress color palette (#D7EDEE, #007556, #002C32, #031719, #010507)
• Soft Field color palette (#D8FEFE, #70DE5F, #00B876, #00897A, #00392A)

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