Azure Lagoon color palette — #FCF1F9 · #9DF7FF · #00A1CB · #006D50 · #00203A

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Sea Foam (#9DF7FF): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#00A1CB): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006D50): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00203A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Azure 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

• Timeworn Workshop color palette (#FDF1F6, #CAEBFF, #5793E4, #00696D, #18193E)
• Ancient Summit color palette (#FDF1F9, #D2D5E6, #69AFD9, #297E6F, #1B2F48)
• Dusty Cobalt Veranda color palette (#FFF0F8, #93D7F2, #007FCF, #00524E, #030333)
• Faded Market color palette (#E9F8FF, #00BEDC, #EE546C, #007082, #34020C)
• Petrol Balcony color palette (#F3EEE6, #82BDC3, #00748C, #005145, #003248)
• Turquoise Atelier color palette (#EED9E6, #43B1D2, #00598B, #002C28, #00000C)
• Softworn Chapel color palette (#E7F9FF, #59D5FF, #008CA8, #003C49, #00070B)
• Mint Ridge color palette (#96FAC9, #00D2BF, #00929A, #005162, #001C2D)

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