Tempered Teal color palette — #F1F1CF · #00BBA4 · #008890 · #44508C · #1F381A
Turquoise and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F1F1CF): A whisper-light, dusty green — the color of fresh herbs.
- Turquoise (#00BBA4): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#008890): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#44508C): A full-bodied, balanced violet — the color of wild irises.
- Deep Forest (#1F381A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, cool.
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
- Jade Meadow color palette (#F5F0CF, #60B875, #098C70, #005A8D, #2F312B)
- Misty Nightshade Field color palette (#E6F7E6, #00AAAD, #2E78AC, #50418B, #103500)
- Mint Dune color palette (#D9FEF7, #3AD0BF, #008F9C, #43488D, #00262F)
- Worn Atelier color palette (#F4F8E4, #4EC4D2, #4790AF, #6A578E, #2A4434)
- Quiet Workshop color palette (#FFE9E0, #4A996A, #006676, #7A0D0A, #243618)
- Weathered Azure Boulevard color palette (#E9F3D6, #3CAEE3, #4879B7, #723F73, #0B344D)
- Navy Lantern color palette (#E2E4C1, #009390, #006374, #362678, #001B1C)
- Lagoon Study color palette (#DFF1DE, #009393, #284832, #182618, #090F07)
Browse the whole catalog at Explore, or see today's palette.