Tempered Teal color palette — #EFF4E8 · #5CAE8E · #4F5C51 · #2B4000 · #22221C
A conversation between Jade and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#EFF4E8): a clean, paper-quiet neutral.
- Jade (#5CAE8E): A luminous, balanced teal — the color of glacier melt.
- Charcoal Brown (#4F5C51): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Olive (#2B4000): A deep, shadowed, balanced green — the color of new leaves after rain.
- Onyx (#22221C): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Ancient Turquoise color palette (#E5F7EB, #44ABC0, #605361, #2F3C33, #1F231E)
- Softworn Mint color palette (#EAF9F9, #72C19F, #365B67, #1F2E2F, #0A1110)
- Dusty Taupe Orchard color palette (#F6F2E1, #96A459, #515F19, #393831, #25211B)
- Ancient Mint Alley color palette (#EEF5E7, #62CEAA, #71816B, #51574B, #20231C)
- Lagoon Cabin color palette (#D8EDD4, #009B92, #0B4D60, #1B2B18, #0F1405)
- Patina Aqua color palette (#E8FBEC, #58C3D0, #D78E8D, #AD8357, #354839)
- Teal Thicket color palette (#EFFBD7, #8DD3BC, #56B2B2, #2D7E8F, #305749)
- Dusty Lagoon color palette (#EEF8EF, #8ED2D5, #E19D95, #3F9CA1, #534B48)
Browse the whole catalog at Explore, or see today's palette.