Dusty Pine color palette — #DFF4F9 · #86A5D6 · #9B7CC0 · #007A42 · #001316

Built around Pine, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Frost (#DFF4F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#86A5D6): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#9B7CC0): A luminous, balanced violet — the color of twilight just after sunset.
• Pine (#007A42): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001316): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light, 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

• Worn Olive color palette (#D1EEEE, #5EB0CF, #758ADB, #657800, #00120C)
• Antique Basin color palette (#D8E8F5, #9EAADD, #B977CA, #00737D, #000F26)
• Cobalt Canyon color palette (#E1F5E4, #60B0C1, #008AC0, #005552, #000F12)
• Airy Wisteria Ridge color palette (#DAF0FF, #C4B8EE, #D195E6, #009598, #001F44)
• Ancient Balcony color palette (#E0ECF4, #1996C8, #A90B8C, #006083, #050004)
• Tempered Cobalt Villa color palette (#CBECE6, #0094BC, #5866B4, #003D19, #000303)
• Hushed Raspberry Alley color palette (#EDE1CD, #DC009E, #008793, #001E22, #000203)
• Amber Grove color palette (#D5E5F2, #BE6E55, #004F70, #001825, #000204)

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