Tempered Teal color palette — #F3F8E2 · #8CDFB4 · #55B497 · #86847C · #343630
Jade and Lagoon set the tone — five colors that lean into sophistication and grounding.
The five colors
- Cream (#F3F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#8CDFB4): A whisper-light, balanced teal — the color of sea glass.
- Jade (#55B497): A luminous, balanced teal — the color of shallow lagoons.
- Driftwood (#86847C): a calm mid-gray that lets other colors speak.
- Espresso (#343630): quiet, heavy and certain.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Teal 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 Driftwood Terrace color palette (#FAF6E0, #BDD49B, #86AD73, #94843B, #36362F)
- Mint Meadow color palette (#F6F7E2, #6BCAA6, #29918F, #69615D, #333730)
- Weathered Lagoon Delta color palette (#E5FAF7, #A2DCDE, #3D9C8E, #526B52, #042E30)
- Linen Jade Cabin color palette (#DAFFEF, #64EDC2, #0CBE97, #0D8668, #00291C)
- Timeworn Basin color palette (#EBE4D0, #B4C377, #7B9E46, #74766E, #302903)
- Washed Sky color palette (#F5F6EC, #AAEDFB, #61C0DD, #499A9D, #1C4334)
- Timeworn Fern Summit color palette (#F5F6EA, #C1EAC7, #95C2A8, #9A9C87, #495304)
- Airy Market color palette (#DBEBD2, #78CE66, #50B261, #3E8C5D, #0A472F)
Browse the whole catalog at Explore, or see today's palette.