Tempered Teal color palette — #F6F6EC · #C1E6DA · #4BB7BB · #2F8C78 · #32503A
A conversation between Turquoise and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6EC): a clean, paper-quiet neutral.
- Celadon Mist (#C1E6DA): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#4BB7BB): A luminous, balanced teal — the color of sea glass.
- Fern (#2F8C78): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#32503A): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Sophistication. 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
- Turquoise Coast color palette (#F5F6EF, #BCDFC4, #1EA6C0, #007C7A, #064152)
- Dusty Turquoise Balcony color palette (#E1E2D7, #44B4BC, #007382, #004A46, #00171E)
- Washed Teal color palette (#F0F7F1, #CBE0F3, #74CED8, #5CAA8A, #254D61)
- Periwinkle Villa color palette (#F4F6F0, #BCE7EB, #65ABE8, #1E86A7, #543F55)
- Wandering Balcony color palette (#FFF0F9, #989BED, #DF68AC, #2795AC, #472F3F)
- Amber Harbor color palette (#FFF2EB, #D9B69B, #C37A5C, #8E594D, #5A3200)
- Hazy Delta color palette (#FFF0FC, #BCCCFF, #738DE8, #3E5899, #212E56)
- Weathered Lantern color palette (#F5F6EE, #C2E5DD, #51B5C6, #258B84, #344F3F)
Browse the whole catalog at Explore, or see today's palette.