Tempered Aqua color palette — #EAFAEC · #A6FDE6 · #56DBDB · #80A2D4 · #344B3D

Lagoon and Sea Foam set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAFAEC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sea Foam (#A6FDE6): A whisper-light, balanced teal — the color of glacier melt.
• Lagoon (#56DBDB): A luminous, balanced teal — the color of sea glass.
• Blue Fog (#80A2D4): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#344B3D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Softworn Frost Corridor color palette (#EAF9F1, #92FFE8, #7FCFF9, #9C97CE, #504051)
• Weathered Seafoam color palette (#F0F9E7, #F7FDA9, #77E6C4, #689FB9, #3E4C39)
• Dusty Hollow color palette (#EAF5EC, #CDF3B2, #7DE8E7, #939ED1, #1A3125)
• Sky Pier color palette (#E5FBF2, #69BAE7, #BE8E57, #3A7A9D, #514C46)
• Periwinkle Meadow color palette (#E2FCF3, #00E3DC, #52AFFF, #7E5EB3, #1F304F)
• Wandering Ash color palette (#FBF4EE, #C8EAEB, #809BBF, #5A775C, #614B59)
• Tempered Powder color palette (#EBF8FB, #B5ECFF, #E7D9FF, #A3C1F5, #2F4E5C)
• Hushed Indigo color palette (#DCFFEB, #32F6B0, #1FC4F6, #6273EA, #003D58)

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