Tempered Terrace color palette — #F2EADF · #AD8001 · #005B58 · #543D00 · #001110

Built around Mustard, softened by Deep Olive — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F2EADF): a clean, paper-quiet neutral.
• Mustard (#AD8001): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#005B58): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#543D00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001110): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged duotone, muted.

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

• Timeworn Taupe color palette (#FBF4E9, #B09848, #00697F, #604D00, #041E11)
• Chalky Market color palette (#EFEBE0, #918D1D, #00508E, #464400, #000E20)
• Timeworn Bronze color palette (#F5EEDD, #847800, #00465A, #383300, #000502)
• Patina Garnet Basin color palette (#F6E8E1, #C66A59, #005B58, #7C0D00, #021201)
• Garnet Canyon color palette (#F7D5CE, #907402, #005B43, #600039, #202800)
• Hazy Pier color palette (#FDECD7, #949841, #00702F, #003D35, #002A36)
• Frosted Ultramarine color palette (#F3F3E2, #65A142, #0040CE, #275300, #000C37)
• Pale Mustard Market color palette (#F0EBDD, #B8A700, #008379, #706500, #041102)

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