Tempered Turquoise color palette — #EEF7F7 · #D4DCF4 · #8FC5EB · #20A9C7 · #304A64

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Powder Blue (#D4DCF4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#8FC5EB): A luminous, dusty blue — the color of deep harbor water.
• Cyan (#20A9C7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#304A64): A deep, shadowed, 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 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

• Timeworn Study color palette (#FAF3F6, #D4DCF2, #7AA8DE, #008C8D, #3E456A)
• Patina Petrol Courtyard color palette (#D0E3E0, #6FABBA, #0081A1, #005C61, #000B13)
• Cornflower Harbor color palette (#E2F0F0, #90B5D4, #1884E6, #00688A, #001038)
• Worn Turquoise Corridor color palette (#E6FAF6, #9FE9E7, #00C1CC, #009986, #003A42)
• Cerulean Quarry color palette (#E7F2F0, #87CED2, #00A4B7, #007E75, #00242C)
• Pale Lilac color palette (#FAF1FF, #F1A4BF, #E9A361, #A595F1, #413149)
• Antique Pier color palette (#FFF1F6, #BDDABC, #D0A275, #AA7C5E, #304233)
• Aged Blush Courtyard color palette (#FDF0FF, #CCEDDB, #E9D4D9, #E796B6, #574557)

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