Tempered Teal color palette — #F6F7E4 · #B2FFFA · #00AFB5 · #007463 · #002A30
Turquoise takes the lead with Teal close behind in a set that reads as calm and balance at first glance.
The five colors
- Cream (#F6F7E4): A whisper-light, dusty green — the color of a quiet forest floor.
- 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, Balance. 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
- Wandering Azure Drift color palette (#F4F7EA, #D1E4FA, #00A8DB, #00717C, #00283D)
- Aged Denim Loft color palette (#E4E7D6, #61AFC0, #005E74, #002B2D, #000103)
- Amber Bloom color palette (#E7FDE1, #00CEBC, #BD9400, #007C71, #281D00)
- Petrol Ridge color palette (#E6F7E9, #80CBC6, #00818C, #00543C, #001E27)
- Cornflower Dune color palette (#DBFDFF, #00AFB8, #567EFF, #428600, #001618)
- Emerald Lantern color palette (#FFF2EB, #6CF2EB, #00BFDA, #189D59, #00384F)
- Forest Boulevard color palette (#FFF2EE, #73C9C5, #007A95, #035B12, #00345D)
- Worn Glacier color palette (#E0FBFF, #1DE4F9, #008D9D, #004850, #000B0E)
Browse the whole catalog at Explore, or see today's palette.