Tempered Teal color palette — #F9F3F7 · #D4D6E8 · #AEC2E7 · #67B491 · #3D556B
A conversation between Jade and Sky, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Silver (#D4D6E8): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#AEC2E7): A luminous, dusty violet — the color of wild irises.
- Jade (#67B491): A luminous, balanced teal — the color of glacier melt.
- Peacock (#3D556B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
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
- Dusty Lantern color palette (#E7F9FE, #D8DBE7, #8FC5AB, #B6A9A2, #3B4F5C)
- Antique Archive color palette (#F5F6EF, #CBE4DD, #7ABEC7, #49968C, #355240)
- Sky Loft color palette (#FBF2F8, #C6EBFF, #67BFFF, #00A799, #213C78)
- Patina Turquoise color palette (#E8F8FE, #A0E3E7, #F7B3AD, #00BFC8, #5F425B)
- Airy Field color palette (#ECDCE8, #75BCCF, #008CCA, #006E60, #001135)
- Olive Quarry color palette (#F8F0EC, #C0EFE3, #71A5B6, #5E7433, #213C34)
- Dusty Teal color palette (#F9F3F7, #D6D5E6, #B3C0E7, #64B49E, #40546C)
- Teal Lagoon color palette (#F9F3F7, #D7D5E5, #B5BFE6, #66B3A4, #42546C)
Browse the whole catalog at Explore, or see today's palette.