Tempered Terrace color palette — #FDF3E8 · #DCE0CA · #9AC2CF · #B98744 · #39342E

Mustard takes the lead with Ash close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FDF3E8): a clean, paper-quiet neutral.
• Bone (#DCE0CA): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#9AC2CF): A luminous, dusty blue — the color of open sky before noon.
• Mustard (#B98744): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#39342E): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Apricot Hollow color palette (#FAF4EE, #D9DDCD, #96B9B9, #DC9234, #5B3600)
• Patina Study color palette (#F7F6EA, #C1E0D6, #95A5B6, #8A9A59, #36352E)
• Bronze Market color palette (#F9F4ED, #DCE3CD, #BBCBB0, #8D723C, #231D15)
• Abyss Workshop color palette (#EBEEE6, #B2C0AB, #829985, #00482D, #010100)
• Wandering Bronze color palette (#F1F7F1, #CDDEDA, #A5C5B1, #8F5F00, #334533)
• Straw Summit color palette (#FFF5D7, #D7E49B, #8FB995, #82637C, #563745)
• Faded Celadon color palette (#F9F7DD, #99F299, #42A77C, #8F5E3D, #2E2F28)
• Linen Lime Studio color palette (#FFF4DF, #FFE191, #D5D8CB, #81CC59, #2A2C00)

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