Tempered Teal Grove color palette — #F6F6EB · #9BE4E0 · #00AAB1 · #2C7B6C · #21432C

Turquoise and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Sea Foam (#9BE4E0): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#00AAB1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#2C7B6C): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#21432C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Teal Grove 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 Turquoise color palette (#F5F6EC, #B5F0FE, #59B2CF, #32898D, #2D5042)
• Teal Market color palette (#E9EADC, #00A7AB, #00646E, #003C36, #000C0F)
• Hushed Cerulean color palette (#EEF0E4, #80D2EB, #1B93BC, #006A74, #00324A)
• Wandering Forest color palette (#F9F4ED, #B1CEAE, #2B8691, #046247, #024252)
• Misty Pine color palette (#FDF2F0, #BBEDF2, #35B7D8, #388138, #073051)
• Driftwood Grove color palette (#F2E8CB, #AEB479, #888341, #655B31, #31312A)
• Washed Balcony color palette (#FFD9E0, #C969D2, #CD6657, #4977BD, #3E2228)
• Softworn Shell color palette (#FFF1F3, #FFD4EF, #F6ACC1, #9E7BA8, #4F3435)

Browse the whole catalog at Explore, or see today's palette.