Dusty Pine Loft color palette — #ECF4ED · #AEB98D · #4D835F · #52526B · #112D25

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#ECF4ED): bright and airy, almost weightless.
• Sage (#AEB98D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#4D835F): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#52526B): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#112D25): A deep, shadowed, dusty teal — the color of sea glass.

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

• Washed Veranda color palette (#E8F6F0, #9FCECC, #5D8B96, #675C72, #1D3635)
• Patina Cypress color palette (#E6F7E8, #99A776, #33744D, #304F37, #00221A)
• Aged Meadow color palette (#EFF8F2, #93BAAA, #617D4A, #7C4A46, #2C4A3E)
• Teal Summit color palette (#E1F8F3, #52BDA6, #007989, #6B3C47, #002720)
• Faded Olive color palette (#CFFEEC, #B8C584, #747A23, #304500, #111700)
• Feathered Bronze color palette (#FFD9C9, #D7A061, #8D7800, #445F19, #00302C)
• Washed Basin color palette (#FBF4E8, #C9C6A4, #649E7E, #8E6470, #4B4400)
• Moss Summit color palette (#D9FBEE, #87973A, #7976BA, #655FAB, #00251B)

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