Tempered Teal color palette — #FBF3EF · #C6E7E5 · #89C4F5 · #34ADA1 · #593C55

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#C6E7E5): A whisper-light, dusty teal — the color of sea glass.
• Sky (#89C4F5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#34ADA1): A luminous, balanced teal — the color of sea glass.
• Cocoa (#593C55): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Weathered Jade color palette (#FBF3EF, #C4EAE2, #83C8E6, #32B08B, #245147)
• Washed Cerulean Station color palette (#EFF7F6, #CFDDF6, #68AFD0, #008A98, #2F4B61)
• Softworn Periwinkle Archive color palette (#FFF3E7, #B9DEFF, #84A7FF, #0095A6, #341F71)
• Cerulean Thicket color palette (#F7EFF4, #BCE3F9, #5D93BE, #0C6D65, #1F2C42)
• Petrol Balcony color palette (#EBDFDA, #66ADB8, #007FA7, #005F4A, #000919)
• Wisteria Drift color palette (#F8F7E1, #AACB83, #8AB6F8, #C786E6, #393831)
• Feathered Alley color palette (#FBF5E2, #CFD18E, #AFB7FF, #A6A500, #3B3E66)
• Cobalt Chapel color palette (#EBDED5, #86B7D4, #4383D7, #006C6F, #0E0046)

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