Tempered Terrace color palette — #FBF4EB · #C8DFCC · #A4B688 · #91808C · #584300

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A4B688): A luminous, dusty green — the color of new leaves after rain.
• Gray (#91808C): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, 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

• Tempered Straw Ridge color palette (#FCF4EA, #F1E8A6, #92A678, #886D7C, #3B3831)
• Aged Ash Archive color palette (#FFF1F5, #F6D2E8, #C1D59D, #AA8BC1, #4F4700)
• Petrol Atelier color palette (#F0F7F1, #A8CAB9, #5D8C7F, #466B82, #3B5348)
• Washed Terrace color palette (#FAF4EE, #C4E2F5, #C9BDEF, #779C80, #5B4652)
• Ancient Mallow Terrace color palette (#FFF1F5, #E0B9FF, #AEC583, #89AD8B, #473138)
• Dusty Terrace color palette (#FFF0FC, #E2D7E8, #BAA1E6, #97759F, #5F4345)
• Aged Seafoam color palette (#F9F6E5, #A4E3A4, #529A83, #7A5961, #272A14)
• Sunlit Moss color palette (#F5DDBF, #9A911E, #365900, #262257, #010100)

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