Dusty Pine Loft color palette — #EFF8F2 · #8BBBAC · #458352 · #55557A · #2B4941

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

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Sage (#8BBBAC): A luminous, dusty teal — the color of glacier melt.
• Fern (#458352): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#55557A): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#2B4941): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Dusty Pine Loft 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

• Lagoon Canyon color palette (#EBF9F5, #9FCAC9, #558D84, #6A6178, #3D5251)
• Patina Olive color palette (#ECF9EE, #A4A95F, #387C1B, #6D3F5D, #1E4335)
• Muted Cerulean Bloom color palette (#FAF3F7, #C1E2F4, #3E92CB, #007268, #364864)
• Patina Terrace color palette (#F6F2E1, #A8BC83, #647E54, #7E431F, #2B2811)
• Emerald Parlor color palette (#D4F4E7, #5FA561, #006A53, #5E2D5C, #123714)
• Washed Pine color palette (#D1E4DC, #4F8A51, #00513F, #531420, #022205)
• Dusty Chestnut color palette (#FFF0F7, #D38C5E, #009BAA, #9C4D01, #1A4958)
• Softworn Alley color palette (#FFF0F9, #E6EDC1, #BED6A1, #A26B76, #5A434D)

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