Tempered Teal color palette — #FFF1F1 · #D69DBD · #72B68F · #58A297 · #523C3C
Built around Jade, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Mauve (#D69DBD): A luminous, dusty pink — the color of a candy shop window.
- Jade (#72B68F): A luminous, balanced teal — the color of shallow lagoons.
- Eucalyptus (#58A297): A luminous, dusty teal — the color of shallow lagoons.
- Cocoa (#523C3C): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Creativity, Sophistication. 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
- Washed Mint color palette (#F8F2FF, #FBB1DE, #7AD19C, #4FB5AC, #3C3544)
- Antique Apricot color palette (#FFF2EB, #E39E85, #68B2C1, #6A8DBF, #48413D)
- Hushed Thicket color palette (#FFE3E6, #F16780, #00A599, #2482A6, #4F1E26)
- Worn Pier color palette (#FFF1F1, #E2DAD0, #ABB7C3, #BB8E9B, #624C48)
- Aged Bronze Archive color palette (#FFF2E9, #DBC7B0, #B79378, #A36146, #5C4300)
- Wandering Cobalt Canyon color palette (#F8F2FF, #B787A2, #B47A59, #6A70AD, #483D52)
- Marigold Workshop color palette (#FFF2F0, #FEACC5, #F0AE6B, #B1A4E1, #543B38)
- Aged Field color palette (#FFF1F0, #FCC7DB, #C388A2, #8B5364, #4F2A27)
Browse the whole catalog at Explore, or see today's palette.