Tempered Turquoise color palette — #FAF2F8 · #B1F2F7 · #66B0CB · #528771 · #364A5C

A conversation between Cyan and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sea Foam (#B1F2F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#66B0CB): A luminous, balanced blue — the color of deep harbor water.
• Fern (#528771): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#364A5C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered Turquoise 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

• Pale Turquoise color palette (#FEF0FA, #7AF1F2, #00ADCE, #008758, #0D4464)
• Patina Lagoon color palette (#F8F5EF, #BCE2EA, #75C9DF, #069781, #1C4939)
• Washed Jade color palette (#FBF3F1, #C5E9E1, #84C8EA, #60AB7C, #573E56)
• Worn Mint color palette (#DEFDFA, #76CF89, #C58BD7, #549061, #423D5F)
• Softworn Turquoise Loft color palette (#F0DFEA, #00B5CE, #006F99, #004B3E, #001330)
• Tempered Quarry color palette (#E3FBF8, #BEDCF1, #B9ACBB, #A2A06E, #2F4F52)
• Cerulean Loft color palette (#F8E9F5, #8CD2DC, #0093C1, #006E57, #142F4C)
• Soft Ultramarine color palette (#F0E2E6, #4D99D5, #2C4DB5, #003A42, #0B0027)

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