Tempered Terrace color palette — #ECFFB1 · #00E37E · #00947E · #005959 · #002C3B
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Butter (#ECFFB1): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#00E37E): A luminous, vivid teal — the color of sea glass.
- Fern (#00947E): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005959): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002C3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Calm, Energy, Balance. Tagged vibrant, 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
- Lime Market color palette (#FFF6A3, #71DB04, #009847, #005950, #002D31)
- Hazy Pier color palette (#D6F2D8, #00D489, #00AA88, #00807A, #003F42)
- Teal Study color palette (#AAFFD1, #00C9B4, #0092A4, #00607E, #002758)
- Soft Seafoam color palette (#D5FFFB, #00E7DB, #00989C, #004B4F, #000B0B)
- Quiet Seafoam Pier color palette (#DDFFE7, #00EFE0, #00A9BE, #006D90, #003A6F)
- Worn Rose Summit color palette (#D9FFF2, #2EDFB7, #EF3F6E, #007D65, #3F0014)
- Powdered Hollow color palette (#DBFFED, #9CCB7E, #898200, #6B4300, #001E12)
- Mustard Coast color palette (#FFE4C1, #D7B900, #6D9400, #00602A, #00332A)
Browse the whole catalog at Explore, or see today's palette.