Tempered Terrace color palette — #FFF0F8 · #DF8256 · #324D3C · #2A1823 · #080409

Coral Clay takes the lead with Deep Olive close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Coral Clay (#DF8256): A luminous, balanced orange — the color of toasted spice.
• Deep Olive (#324D3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#2A1823): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#080409): quiet, heavy and certain.

Feels like: Optimism, Sophistication. 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

• Amber Atelier color palette (#ECF9F0, #B99B28, #274E49, #0D2416, #0A0306)
• Blush Corridor color palette (#FAF2FE, #D57F9E, #583C4D, #26182C, #05040C)
• Apricot Quarry color palette (#F3E1D4, #F48A4F, #926629, #6F3A06, #1F1612)
• Patina Rust Quarry color palette (#EFD8E4, #B95200, #233723, #1E1119, #090508)
• Moss Boulevard color palette (#DFFDF3, #7C9626, #003D41, #00140E, #000200)
• Dusty Azure Cabin color palette (#DFFEED, #C7BE6B, #7CADED, #5994DE, #143224)
• Frosted Amber Parlor color palette (#FFF2F0, #FFD2BE, #CD8F3B, #837600, #34410B)
• Hazy Amber color palette (#E9FBED, #EAD299, #90BCFF, #AB8300, #22395A)

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