Softworn Terrace color palette — #FFF2F0 · #E8B099 · #B68356 · #665D0B · #31322B

Olive and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Sand (#E8B099): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#B68356): A luminous, balanced gold — the color of honey in a jar.
• Olive (#665D0B): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Softworn 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

• Driftwood Meadow color palette (#FFF0E5, #E9B781, #A2833F, #5C5E57, #002F21)
• Coral Cabin color palette (#FFF0F9, #ECAFC3, #C46A70, #6B552D, #322709)
• Wandering Amber color palette (#F5DFC5, #AD8E37, #696500, #003527, #001211)
• Worn Pier color palette (#F5DDE2, #B37A6F, #835B2C, #084840, #00252F)
• Tempered Olive Station color palette (#FFF3E6, #E0DFB6, #C3B692, #6F8949, #404F3B)
• Softworn Study color palette (#FFDBC6, #CFA375, #8E742E, #1F5532, #132104)
• Worn Cabin color palette (#F8E9F1, #E3A09C, #B28F5E, #477D94, #003C50)
• Tempered Marigold color palette (#FFF3E6, #FFAC4D, #B46B00, #4C2A00, #060200)

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