Tempered Teal color palette — #FFF2E9 · #CDD7A2 · #5AC4AA · #AB7B98 · #4A4C00
Built around Mint Leaf, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Pistachio (#CDD7A2): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#5AC4AA): A luminous, balanced teal — the color of shallow lagoons.
- Dusty Rose (#AB7B98): A luminous, dusty pink — the color of a candy shop window.
- Deep Olive (#4A4C00): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro, light, 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
- Antique Mint color palette (#FEF3E8, #E8CD92, #8BBD8A, #9781AC, #4A4841)
- Timeworn Quarry color palette (#F9F5EA, #E2DFC2, #8EC59A, #A59980, #564E00)
- Ancient Sky color palette (#FFF2EC, #9FE1C3, #5CBCDD, #B77A6F, #3F4C3C)
- Frosted Sky Lantern color palette (#F9F5EA, #D0CA8F, #4EB7E1, #AC738A, #693007)
- Celadon Courtyard color palette (#FAF6E2, #BCEDAF, #7AB094, #4F7E6B, #3D4400)
- Hazy Harbor color palette (#FFEADF, #4ED6A1, #00A7CE, #AB5759, #24361F)
- Mint Archive color palette (#F0F4E6, #79CD8C, #6E8269, #53564A, #23221C)
- Worn Teal color palette (#E5FBF2, #A2CB9E, #59A484, #457591, #324E4C)
Browse the whole catalog at Explore, or see today's palette.