Azure Lagoon color palette — #FBF4E9 · #A4DEF7 · #5E9CC9 · #107A80 · #233B5B

Blue Fog takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Powder Blue (#A4DEF7): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#5E9CC9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#107A80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#233B5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Turquoise Basin color palette (#FAF4EC, #BCDFBE, #28A6BD, #337B67, #164433)
• Patina Workshop color palette (#FAF4EC, #D0E8FF, #85A4E1, #43849B, #5A3D51)
• Muted Cobalt Bloom color palette (#FBF4EF, #A6D0BB, #457DAD, #00605B, #2D395B)
• Washed Teal Lantern color palette (#EFE5D5, #11B7BD, #007385, #004C3D, #001721)
• Dusty Pier color palette (#ECE0CF, #359ECD, #005B97, #003A41, #000526)
• Hushed Lagoon Grove color palette (#F9F4ED, #C4EEEB, #8DBDAB, #579292, #5D4C5F)
• Aged Cobalt color palette (#FFF1F6, #FFD0E4, #F2B2AB, #6E80B3, #4D343C)
• Chalky Cobalt Quarry color palette (#F5EAD8, #6FBBE9, #1976CC, #005764, #0E1B46)

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