Soft Terrace color palette — #FFF1F1 · #FFB099 · #D47C00 · #6E5B00 · #373E00
A conversation between Mustard and Melon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Melon (#FFB099): A whisper-light, balanced orange — the color of toasted spice.
- Mustard (#D47C00): A luminous, balanced gold — the color of old brass.
- Olive (#6E5B00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#373E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Soft 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
- Gentle Amber color palette (#FFF2EF, #F3AF64, #AE8D00, #5D5D00, #15330D)
- Amber Bloom color palette (#FDE8E0, #FFA365, #DD8B00, #9E6F00, #554200)
- Soft Amber color palette (#EFDFD5, #CC8500, #705E00, #2F3900, #001808)
- Ember Balcony color palette (#FFF1F7, #FFB7C1, #F54F40, #945400, #4C3600)
- Pale Tangerine Basin color palette (#FFD1D6, #FE6E3C, #A06500, #655000, #1F491D)
- Timeworn Canyon color palette (#FFF3E6, #E2D08A, #BD8447, #8A4B3F, #212D00)
- Airy Apricot color palette (#FFDAD3, #F48944, #9B6B00, #4E4400, #182800)
- Amber Thicket color palette (#FFF4E0, #FCD865, #C29300, #614A00, #1B1300)
Browse the whole catalog at Explore, or see today's palette.