Tempered Terrace color palette — #F1E7DC · #D18A00 · #7D5A12 · #553400 · #130C05

A conversation between Mustard and Coffee, giving this palette its sense of optimism and balance.

The five colors

• Parchment (#F1E7DC): a clean, paper-quiet neutral.
• Mustard (#D18A00): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7D5A12): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#553400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#130C05): a grounded near-black with real depth.

Feels like: Optimism, Balance. Tagged noir, dark, luxury, 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

• Tangerine Station color palette (#F1E0D6, #F96622, #885321, #602C00, #140B07)
• Antique Grove color palette (#EFE3CC, #C8A800, #826E24, #5E4500, #1B1812)
• Dusty Alley color palette (#E3E0C6, #8BA900, #66651A, #3E3D36, #0F0D06)
• Hushed Bronze Dune color palette (#F7E8D0, #9A7200, #4D4200, #261B08, #030100)
• Lime Ridge color palette (#F4F3E0, #9FC66D, #7B813A, #56554A, #23221C)
• Lime Atelier color palette (#EDE7B9, #9BBF14, #00BDB3, #C3865A, #302C0C)
• Hazy Clover Corridor color palette (#DCE3C7, #00C15B, #36755B, #3E4700, #121306)
• Patina Taupe Courtyard color palette (#FAF5E7, #C9D092, #95A96C, #89827C, #37352F)

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