Aqua is a clear, light blue-green: the CSS keyword aqua is pure cyan, #00FFFF, and in design the name covers the softer water tones around it — the same hue family as teal, several steps lighter. Grab the HEX codes from a scheme below, or build a custom aqua palette around any base colour with the generator.
Bright Aqua covers the full depth range, from a near-black #013A40 up to #7DE2D1. Soft Aqua stays in the tint range for backgrounds, with a single #0E9C8E anchor for contrast. Aqua & Teal borrows two bluer tones, #05445E and #189AB4, so the set reads more oceanic.
#013A40#026670#049A9A#17C3B2#7DE2D1#E0F7F5#B2ECE6#7FDDD3#17C3B2#0E9C8E#05445E#189AB4#17C3B2#75E6DA#D4F1F4Anchored to an aqua base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Aqua is a cool colour, so it settles best against warm neutrals — sand, cream or a soft beige — and takes a coral or terracotta accent well when you want contrast rather than more blue. For a deeper version of the same hue go to teal; for a brighter one, turquoise. Spa, coastal, swimwear and clean SaaS branding are where it turns up most.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The generator here starts anchored to #17C3B2, so the first block you copy is a set of aqua variations rather than a random hue. Copy JSON returns the same five values as an array for a build step or a token file, and Copy HEX returns them as a plain comma-separated line. Lock any swatch you want to keep before generating again and it survives into the next export.More palettes: Turquoise palette · Teal palette · Mint Green palette · all colours