Tempered Turquoise color palette — #F5F6EE · #BFE6DF · #22B7D5 · #338989 · #324F41

Cyan and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#BFE6DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#22B7D5): A luminous, balanced blue — the color of open sky before noon.
• Fern (#338989): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#324F41): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Dusty Garden color palette (#F4F6EE, #BBE7EB, #64ABEB, #2C86A5, #534054)
• Weathered Drift color palette (#FCF3EF, #C7E5CE, #4C94B3, #336F5C, #2C5048)
• Gentle Lilac color palette (#E0FDF1, #44B0E8, #AB7CEE, #229C7A, #233E35)
• Ancient Station color palette (#E7EADA, #63AEC3, #007191, #00494F, #001623)
• Muted Cerulean Workshop color palette (#E5FCF0, #DBD7E2, #D6B5DF, #549CAD, #3F574D)
• Quiet Studio color palette (#E7FBEE, #4ACAE6, #C08CE0, #0090A8, #4F375D)
• Cerulean Coast color palette (#EEF0E5, #A6D0B4, #0095B7, #006B6F, #003346)
• Worn Amber color palette (#FEF3E7, #D5B98E, #B58449, #846043, #403D36)

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