Tempered Terrace color palette — #F8F5E8 · #C2DFB3 · #7ABE8F · #AB8870 · #464500

Mint Leaf and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5E8): a clean, paper-quiet neutral.
• Celadon Mist (#C2DFB3): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#7ABE8F): A luminous, balanced teal — the color of shallow lagoons.
• Caramel (#AB8870): A luminous, dusty gold — the color of old brass.
• Deep Olive (#464500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Quiet Clover color palette (#FCF5E2, #C4DA7E, #74BA5B, #938A50, #3C3B34)
• Antique Glacier Dune color palette (#F7F7DE, #8BFAF6, #C7E9D2, #B0B177, #4F5605)
• Softworn Lagoon Pier color palette (#FAF5E7, #C4C99C, #4DA18D, #8A676B, #434600)
• Softworn Teal Field color palette (#ECF9F2, #CAF3C5, #60AF9C, #79718E, #273D3A)
• Faded Mint Basin color palette (#F7F7DC, #9ECF7A, #7BB8FF, #E7838F, #383831)
• Antique Bronze color palette (#ECEECF, #73D99F, #00B092, #AC6900, #01381F)
• Airy Emerald color palette (#EBE5CE, #A6C68A, #2DAB54, #777A35, #2C2A06)
• Hushed Pine Drift color palette (#E7F6F0, #8BC0B3, #5E8056, #405D44, #102D27)

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