Tempered Aqua color palette — #F9F3F7 · #CDE4FE · #6ECCEA · #5EAA88 · #304A62

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#CDE4FE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#6ECCEA): A luminous, balanced blue — the color of deep harbor water.
• Jade (#5EAA88): A luminous, balanced teal — the color of glacier melt.
• Navy (#304A62): 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 Aqua 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 Delta color palette (#FAF3F6, #D9D4E2, #A8C9F5, #63B1B2, #4A5265)
• Emerald Summit color palette (#FBF2F8, #ABF4F3, #00CBEF, #00AC6C, #004566)
• Antique Meadow color palette (#F5F6EF, #BFE7DE, #32B8CA, #318A83, #31503E)
• Marigold Grove color palette (#EFF6FF, #9DBDFF, #E1A94A, #ADA957, #2C394B)
• Sky Coast color palette (#FFF0F9, #9DE6FF, #48B3FE, #00998D, #142C6E)
• Hushed Sapphire Balcony color palette (#F0DDE3, #79A6CA, #416CD8, #005C65, #0A0028)
• Gentle Cerulean color palette (#F4E5F0, #71BECC, #008EC1, #006F5B, #00132E)
• Antique Periwinkle Corridor color palette (#CBEEFF, #91D6FF, #7CAEFF, #6F80C8, #3B4162)

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