Tempered Teal Terrace color palette — #F5F8E1 · #54AF8F · #007171 · #663E3E · #333730
Built around Jade, softened by Teal — the whole palette hums with sophistication and grounding.
The five colors
- Cream (#F5F8E1): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#54AF8F): A luminous, balanced teal — the color of glacier melt.
- Teal (#007171): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#663E3E): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#333730): quiet, heavy and certain.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Teal 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
- Hushed Cypress Market color palette (#F4F3E0, #72AF97, #00737A, #5F384C, #152006)
- Aged Delta color palette (#FBF4E8, #93A45D, #3F7042, #623E4E, #37362F)
- Worn Veranda color palette (#F2ECCC, #3EAB4B, #006A54, #6C2A32, #0F3714)
- Softworn Basalt color palette (#FBF4E8, #A7B787, #577E5E, #6D5250, #4B4300)
- Mint Bloom color palette (#FFF4E0, #CADEA1, #64C5A6, #895A3C, #44413B)
- Lagoon Courtyard color palette (#E4FBF5, #8AC3AB, #119199, #6C5B7B, #073D40)
- Aged Field color palette (#FCF3EF, #94D1D7, #0085A8, #19614A, #1C3D5A)
- Aged Teal Delta color palette (#EAF9F7, #A0D5D8, #51B3A8, #B06D7A, #113D3F)
Browse the whole catalog at Explore, or see today's palette.