Aqua Lagoon color palette — #E8F4F8 · #5CCACE · #697F8C · #425960 · #1B2324

Aqua and Storm Blue set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E8F4F8): bright and airy, almost weightless.
• Aqua (#5CCACE): A luminous, balanced teal — the color of shallow lagoons.
• Storm Blue (#697F8C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#425960): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#1B2324): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Aqua Lagoon 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

• Worn Teal Study color palette (#E7F5F9, #4AADAD, #485A6B, #243C43, #1A2424)
• Muted Periwinkle color palette (#DEE5F0, #83A9F6, #686F86, #3B4A62, #111921)
• Worn Pier color palette (#D7EDFD, #0098CB, #3A5579, #003549, #000509)
• Azure Atelier color palette (#E6F9FF, #A3E3F2, #74C6E7, #4A99C8, #3C546E)
• Dusty Stone Coast color palette (#F1F7F1, #C9E6D6, #B0BC8E, #76A4A1, #3A5446)
• Powder Ridge color palette (#E3FAFF, #D1DAEA, #ABC3DD, #AB99AF, #5C4A56)
• Patina Cobalt color palette (#E3EDF8, #0079DF, #383D6B, #041E38, #000205)
• Stone Hollow color palette (#EDF7FF, #9BCEF3, #ECA7BB, #A6B86F, #324554)

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