Tempered Terrace color palette — #FAF4F0 · #CCE9E0 · #93BDA2 · #51986D · #2E5346

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#CCE9E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#93BDA2): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#51986D): A luminous, balanced teal — the color of glacier melt.
• Deep Olive (#2E5346): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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

• Softworn Powder color palette (#F6F6ED, #B7E5EA, #98C8E1, #94AA89, #3A5140)
• Lagoon Field color palette (#FAF3F0, #C3E0E8, #84BAD4, #529581, #5F4A61)
• Aged Loft color palette (#F8E4DB, #63AFBC, #007096, #004C3C, #00142D)
• Weathered Terrace color palette (#FFF0F9, #A9ADDC, #D99076, #9B9733, #503B49)
• Aged Azure Lantern color palette (#FDF3EE, #ADE6F3, #00A8E9, #008571, #1E406E)
• Washed Meadow color palette (#F8ECE5, #9ACDE2, #3F8CCB, #006C67, #1B295A)
• Weathered Cocoa color palette (#FFF2EB, #DBC7B3, #B7937D, #986467, #5F4100)
• Patina Sapphire color palette (#E9E0D6, #90B6D7, #496BD6, #005863, #201249)

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