Tempered Teal color palette — #EFF7F6 · #B0DBD7 · #74A98B · #6A818D · #3B5250
A conversation between Jade and Silver, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Silver (#B0DBD7): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#74A98B): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#6A818D): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3B5250): A full-bodied, 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
- Weathered Lagoon color palette (#EFF8F3, #9ECCC1, #628C73, #63647A, #3B534D)
- Ancient Fern Dune color palette (#F7F5EC, #DEE1BD, #96C2A7, #A991A7, #4F5100)
- Ancient Corridor color palette (#D3E9E7, #3C8562, #00523F, #003140, #000803)
- Muted Ash Station color palette (#FAF2FF, #E8D5DC, #B9C0A8, #BE94AC, #59505D)
- Olive Lantern color palette (#D9E9DF, #ABA86D, #6F7A00, #77444A, #083122)
- Blush Summit color palette (#FAF1FF, #E397B5, #D19664, #908BC0, #473E4D)
- Muted Mustard color palette (#F8F3FD, #EFADD1, #D1AB5F, #B57598, #38553E)
- Timeworn Emerald Grove color palette (#DAF0EA, #5A9543, #006423, #5B2600, #041400)
Browse the whole catalog at Explore, or see today's palette.