Tempered Teal color palette — #F6F6E9 · #B2FFFA · #00AFB5 · #007463 · #002A30

Turquoise and Teal set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#F6F6E9): a clean, paper-quiet neutral.
• Sea Foam (#B2FFFA): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#00AFB5): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007463): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002A30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Timeworn Azure color palette (#F4F7EA, #D3E3F8, #00A7E1, #00707E, #00283F)
• Antique Lagoon color palette (#EEF0E2, #66AFBE, #005E75, #002B2D, #000103)
• Ancient Balcony color palette (#EAF9F5, #6DCAC5, #007D82, #00574A, #003A41)
• Chalky Balcony color palette (#FFF2EB, #A7E8E4, #00BFDC, #009E5B, #003850)
• Wandering Lagoon color palette (#F6F7E7, #8DDCDD, #008A96, #00524A, #000F14)
• Mustard Meadow color palette (#FFF4E2, #DAB83C, #9F7700, #694500, #1D1900)
• Chalky Market color palette (#FFF2EE, #FF8A93, #99A300, #C7003E, #1E2100)
• Pale Atelier color palette (#FFF1F1, #FF5466, #AE8200, #A228D6, #2B0005)

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