Dusty Pine color palette — #FDF2EE · #C2E2EA · #5CB0E0 · #008355 · #1A2C55

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

The five colors

• Ivory (#FDF2EE): a clean, paper-quiet neutral.
• Silver (#C2E2EA): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5CB0E0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008355): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1A2C55): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Worn Pine color palette (#FFF2EF, #BBFDF9, #00ABCE, #0E7817, #002645)
• Cypress Basin color palette (#FAF4EE, #C5E1F6, #97A1DF, #007E84, #362548)
• Sky Loft color palette (#F0F7F1, #ADEDF5, #47C2E6, #00A28F, #1C3E56)
• Patina Parlor color palette (#FBF4EE, #C5F1DF, #648FE6, #006A64, #201441)
• Cerulean Market color palette (#FCF1FA, #8ED2DA, #3381A7, #276041, #293A5A)
• Dusty Ridge color palette (#FBF3F1, #C7DDE1, #ADC4F2, #5DA379, #594658)
• Cerulean Pier color palette (#F8F1E5, #ACD3B4, #0589A8, #005C51, #00281D)
• Tempered Denim Cabin color palette (#EEDFD8, #85AD92, #005A87, #002D1D, #00000B)

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