Tempered Terrace color palette — #FFF4DB · #D8C02D · #5087EC · #887800 · #1A386F
A conversation between Azure and Saffron, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Saffron (#D8C02D): A luminous, balanced green — the color of a quiet forest floor.
- Azure (#5087EC): A luminous, vivid violet — the color of wild irises.
- Walnut (#887800): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#1A386F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Timeworn Lime color palette (#FBF6D9, #B4CE2D, #828EFE, #617100, #2E3172)
- Honey Study color palette (#E1FEEB, #E8C537, #97A7FF, #967C00, #212563)
- Marigold Loft color palette (#FFF3E5, #EC9A00, #00ACD2, #A46900, #004252)
- Powdered Amethyst color palette (#E7DDC5, #BEAA29, #864BE6, #716400, #2E1C50)
- Quiet Magenta color palette (#FCF7D2, #B2CF2E, #DC50FC, #607200, #4F2858)
- Tempered Fuchsia Hollow color palette (#F7F6E4, #A3C482, #E388CE, #5F8729, #58354F)
- Feathered Boulevard color palette (#FBEABC, #D2AC2F, #945AD3, #4472E8, #3C2F00)
- Hushed Lagoon Market color palette (#F2F7ED, #8DD6B9, #E597B0, #3DA17F, #624541)
Browse the whole catalog at Explore, or see today's palette.