Tempered Teal color palette — #F1F7F2 · #D1DEF3 · #75CAEE · #39ACA4 · #2F4B63
Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#D1DEF3): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#75CAEE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Turquoise (#39ACA4): A luminous, balanced teal — the color of sea glass.
- Peacock (#2F4B63): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Antique Lagoon Market color palette (#FBF3EF, #C2E1EA, #87C2F0, #349674, #4F354A)
- Hushed Petrol Drift color palette (#DFEDE2, #5FB0B1, #008395, #005F4B, #000B12)
- Gentle Harbor color palette (#EDF9EF, #B0E1FF, #5FB0FF, #0095A7, #142C6E)
- Faded Basin color palette (#F8F2FF, #F0A1CF, #C1B855, #00B6E3, #3E314B)
- Antique Cerulean Thicket color palette (#F6F1EA, #BEE8CC, #4F98B6, #266B65, #04342A)
- Gentle Fuchsia color palette (#F7F3FF, #F1B6E1, #7ED3A0, #D976C1, #1A4E32)
- Timeworn Studio color palette (#E1EBE3, #93C7EC, #4492F5, #007A90, #10184C)
- Patina Mallow color palette (#F8F2FF, #C2EBDA, #E8D5DD, #C69DD6, #584560)
Browse the whole catalog at Explore, or see today's palette.