Dusty Pine color palette — #F8F3F8 · #D3D5E5 · #5FB3D1 · #318243 · #0A2F54

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D3D5E5): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#5FB3D1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#318243): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#0A2F54): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, 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

• Periwinkle Drift color palette (#FDF2F6, #D8D3DE, #87A4E9, #007F7B, #31264D)
• Worn Courtyard color palette (#FEF1F8, #CAEBFF, #4994E7, #006C5B, #19124B)
• Washed Archive color palette (#FAF4EB, #CCE9CD, #00C7E1, #00A381, #1C4333)
• Muted Cerulean color palette (#E9F6EC, #A0D1DF, #228A9B, #005D49, #012435)
• Cerulean Archive color palette (#FEF2EF, #8AD4D3, #30839F, #315F38, #4A2F4C)
• Timeworn Corridor color palette (#E5FBF5, #CEE1EE, #C3B7CB, #9F8A1A, #004445)
• Timeworn Loft color palette (#F8F3F9, #D2D5E5, #94D7EE, #69A26C, #3B4F64)
• Denim Market color palette (#EDE2ED, #7DAABA, #005C7F, #002D18, #000108)

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