Azure Lagoon color palette — #FBF3EF · #C7ECE7 · #65A0CA · #4B7A65 · #5F4B5B

Built around Blue Fog, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Honeydew (#C7ECE7): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#65A0CA): A luminous, balanced blue — the color of deep harbor water.
• Teal (#4B7A65): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5F4B5B): A full-bodied, dusty pink — the color of peonies in June.

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

• Powder Corridor color palette (#F9F4ED, #C3F0EA, #82BAD4, #768E71, #415851)
• Wandering Turquoise Loft color palette (#EDF4EE, #D0DEF3, #69A5C0, #42747E, #273847)
• Aged Iris Thicket color palette (#FBF5E5, #BAB273, #7F94E1, #807408, #5B4556)
• Washed Boulevard color palette (#F4E9E5, #52AEBB, #005E87, #004028, #0D1C43)
• Cerulean Thicket color palette (#FEF2EE, #B1CEB1, #0085A7, #246132, #48314A)
• Muted Navy color palette (#F9E9DF, #498AA0, #003D6F, #00231B, #07002B)
• Chalky Balcony color palette (#FEF3E9, #75C1F3, #3658F1, #005654, #39255F)
• Softworn Lilac Station color palette (#FFF3E3, #B79150, #9C75C0, #86689A, #46423B)

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