Tempered Terrace color palette — #E5EC99 · #FFCCDC · #B2D8FF · #4A6861 · #303937

Built around Butter, softened by Powder Blue — the whole palette hums with nature and growth.

The five colors

• Butter (#E5EC99): A whisper-light, balanced green — the color of new leaves after rain.
• Shell Pink (#FFCCDC): A whisper-light, dusty rose — the color of strawberry cream.
• Powder Blue (#B2D8FF): A whisper-light, dusty blue — the color of open sky before noon.
• Graphite (#4A6861): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#303937): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Ancient Powder Market color palette (#FDE398, #FFCBAB, #82D7FF, #3A594C, #27322D)
• Softworn Celadon Balcony color palette (#B0FABD, #FFCFCC, #CCD0FF, #78616F, #372F34)
• Ancient Glacier Drift color palette (#FFDFB8, #FCC8FF, #3EEEF8, #5A6E5D, #303B31)
• Wandering Garden color palette (#F8F3F8, #F2DAB6, #B193B1, #566E90, #322732)
• Powder Coast color palette (#FAF3F6, #DFD8D6, #B5ACE9, #ABB4A6, #585054)
• Powder Veranda color palette (#D5E6D5, #FFADA5, #A5BAFF, #475586, #2E1829)
• Softworn Workshop color palette (#CBF9F7, #FFBF9C, #E6AEFF, #6F4B55, #332126)
• Washed Taupe color palette (#FBF2FA, #AAC3F2, #DAAB88, #95A25C, #483746)

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