Tempered Teal color palette — #DFFCFF · #00B89B · #6691CB · #7F6D32 · #20373A
A conversation between Turquoise and Slate Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#DFFCFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Turquoise (#00B89B): A luminous, balanced teal — the color of shallow lagoons.
- Slate Blue (#6691CB): A luminous, balanced blue — the color of deep harbor water.
- Walnut (#7F6D32): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Teal (#20373A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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
- Tempered Turquoise color palette (#E7F9FF, #43BFC8, #9696C4, #748155, #2E4047)
- Bronze Field color palette (#E8F9F9, #83C39C, #A88ED8, #A75B31, #092A2A)
- Soft Orchid color palette (#ECF7FF, #00A2DB, #AC62C7, #2C783C, #092F45)
- Softworn Parlor color palette (#BEEEFB, #009A99, #5E5DF6, #585E00, #002525)
- Moss Grove color palette (#E3FBF6, #74B256, #1E9FBC, #47729E, #1D3934)
- Soft Aqua Orchard color palette (#DDFDF9, #00C6E4, #438FB9, #6F5787, #2A404D)
- Weathered Azure color palette (#EDF7FA, #55DCD4, #089DCD, #00948D, #172630)
- Hushed Lagoon Terrace color palette (#EEF7FA, #D4DCE8, #BAC1D1, #5D9BA0, #3D4A4F)
Browse the whole catalog at Explore, or see today's palette.