Tempered Teal color palette — #F5F6EB · #ADE3CF · #56BFC0 · #A88876 · #314C0A
Built around Turquoise, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Mint (#ADE3CF): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#56BFC0): A luminous, balanced teal — the color of glacier melt.
- Caramel (#A88876): A luminous, dusty gold — the color of afternoon light on wheat.
- Deep Olive (#314C0A): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
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 Study color palette (#F8F5ED, #E2E0BC, #92C3A2, #A39981, #544F00)
- Teal Studio color palette (#F9F6DF, #9EE1AE, #00BFA4, #7E924C, #1D4429)
- Patina Villa color palette (#F3F7E8, #B2F7D6, #60AF99, #78766E, #373A33)
- Wandering Station color palette (#E8F9F8, #99D0D1, #50A18A, #557B6C, #2D4849)
- Teal Parlor color palette (#E6E6D3, #7CCEA7, #00A69E, #657E54, #232D12)
- Washed Lagoon color palette (#E2F7F5, #88BFC1, #31847B, #455C46, #032E30)
- Clover Atelier color palette (#EDE2B6, #ADD689, #51C475, #369E7F, #114F4B)
- Emerald Market color palette (#F5F0DE, #619958, #007455, #4A4C00, #010900)
Browse the whole catalog at Explore, or see today's palette.