Tempered Terrace color palette — #F2DED0 · #B34C00 · #5C5700 · #003945 · #060003

Terracotta and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F2DED0): A whisper-light, dusty gold — the color of honey in a jar.
• Terracotta (#B34C00): A full-bodied, balanced orange — the color of toasted spice.
• Olive (#5C5700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#003945): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#060003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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

• Hushed Brick Bloom color palette (#FFE6DE, #C50C3C, #5F4D00, #004349, #050006)
• Sunlit Raspberry color palette (#ECE0CC, #C04B6F, #834900, #003B6C, #0D0000)
• Soft Plum Cabin color palette (#FBE1E2, #B32896, #744900, #00483B, #03000B)
• Powdered Nightshade Thicket color palette (#E8E0D4, #875E00, #005E4A, #0E00A9, #070000)
• Terracotta Courtyard color palette (#FAE8EF, #C85A60, #9F3C00, #523600, #030300)
• Terracotta Summit color palette (#EEDDD2, #943E00, #2D1F00, #140B03, #050100)
• Cocoa Balcony color palette (#EEE0D0, #5B3B00, #00270B, #10141A, #000706)
• Frosted Veranda color palette (#F4E8D9, #AF7A00, #008650, #0029DF, #140000)

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