Tempered Teal color palette — #F9F3F7 · #D7D4E0 · #BAC0EA · #3EA49C · #3F4E66
A conversation between Turquoise and Lavender, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Silver (#D7D4E0): a clean, paper-quiet neutral.
- Lavender (#BAC0EA): A luminous, dusty violet — the color of wild irises.
- Turquoise (#3EA49C): A luminous, balanced teal — the color of glacier melt.
- Peacock (#3F4E66): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, 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
- Ancient Powder color palette (#F4F6EF, #CAE6E4, #84D2FA, #68AFBB, #325248)
- Worn Parlor color palette (#EAF4F3, #D1DBEF, #7CA2BB, #3A757F, #263848)
- Muted Garden color palette (#FBF3EE, #C6EDEB, #74A597, #5D7757, #5F4B5C)
- Weathered Basin color palette (#F8F2FF, #EBD6DC, #CEB3DC, #B2B6AA, #584A59)
- Teal Boulevard color palette (#FBF1FF, #FBB5C7, #84CE9F, #2FB8AF, #3F3344)
- Ancient Grove color palette (#FFF0FA, #99D7E9, #0082C0, #005249, #00082D)
- Aged Denim color palette (#EADFE3, #83A7C1, #0053A2, #002B2C, #01000A)
- Cerulean Orchard color palette (#FCF1F9, #B6F3F2, #00A3C1, #006E45, #002134)
Browse the whole catalog at Explore, or see today's palette.