Tempered Terracotta color palette — #FFF0F8 · #C8E7C6 · #C39175 · #995450 · #1E3828

Walnut and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Celadon Mist (#C8E7C6): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#C39175): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#995450): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#1E3828): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Wandering Bronze Study color palette (#E8FAEF, #C3E6DA, #AA9F66, #89622D, #0D3935)
• Softworn Bronze Boulevard color palette (#FFF2EA, #C89E6D, #9A6345, #6F4442, #403D36)
• Antique Terracotta Balcony color palette (#FFF1F7, #DFC397, #B77A4A, #8A3E31, #062919)
• Apricot Meadow color palette (#FFF3E9, #F3C7A3, #DE9B72, #AA7B69, #573400)
• Weathered Pewter color palette (#FCF1FC, #EBE9B8, #9E6465, #582729, #160B16)
• Washed Amber color palette (#FFF0FB, #FFD6B8, #C49941, #646D00, #003C0E)
• Dusty Grove color palette (#FEDAE6, #AF9756, #865200, #571C00, #040400)
• Pale Garnet color palette (#FFF0F8, #D6A878, #B25A2C, #7E1D27, #191100)

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