Tempered Teal color palette — #E8FAF5 · #B3D5AC · #7DAE87 · #598E91 · #073E39
Jade and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8FAF5): bright and airy, almost weightless.
- Pistachio (#B3D5AC): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7DAE87): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#598E91): A luminous, dusty blue — the color of open sky before noon.
- Forest (#073E39): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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 Chapel color palette (#ECF9F1, #A7BE8A, #5A8E6A, #2C6F72, #133E35)
- Dusty Lagoon Summit color palette (#EBF9F6, #C0E8F5, #6BC1CE, #00A196, #004250)
- Quiet Moss Delta color palette (#CFF6E2, #BCCB5D, #80A633, #008E7F, #2C3200)
- Chalky Lagoon Balcony color palette (#DCF2EE, #74BA87, #289468, #007465, #00220C)
- Airy Cornflower color palette (#E4F0FF, #9ABFFF, #5DC89D, #598EEE, #00402C)
- Pine Bloom color palette (#DEF0EB, #629951, #1C7536, #005259, #010800)
- Tempered Pine Villa color palette (#F3F3E6, #86AC7F, #347446, #36500E, #1C1E05)
- Weathered Fuchsia color palette (#D8E5FF, #93A8FF, #DB81C1, #00A9B9, #1D2B47)
Browse the whole catalog at Explore, or see today's palette.