Dusty Terrace color palette — #FBF4E8 · #B8B888 · #768856 · #496C5C · #37352F

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

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Sage (#B8B888): A luminous, dusty green — the color of new leaves after rain.
• Fern (#768856): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#496C5C): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#37352F): a grounded near-black with real depth.

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

Use it as a design system

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

• Timeworn Alley color palette (#F8F6E6, #9CC092, #568F6D, #755874, #35362F)
• Tempered Basin color palette (#EAFAED, #D4D3A3, #7A9641, #3A6A7E, #122E22)
• Tempered Fern Courtyard color palette (#FFF2EB, #B09672, #606916, #593D6D, #39352F)
• Wandering Olive color palette (#F0E5CB, #8D9A55, #37710B, #134A68, #201B00)
• Wandering Moss Terrace color palette (#FFF0F8, #DDC894, #94AB5A, #8E7AA1, #223C2A)
• Softworn Fern Villa color palette (#F5F6ED, #CAD7B6, #70A89D, #8F7485, #415611)
• Tempered Fern color palette (#EADDCA, #7F772F, #3E4C00, #2E2052, #070600)
• Periwinkle Courtyard color palette (#F9F4ED, #ADE1D2, #7396CD, #14788F, #30375E)

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