Quiet Lagoon color palette — #F7EAF3 · #B3DAE8 · #44B3D9 · #00956E · #003052

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

The five colors

• Blush (#F7EAF3): a clean, paper-quiet neutral.
• Powder Blue (#B3DAE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#44B3D9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00956E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003052): 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 Quiet 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

• Pale Orchard color palette (#F7EBEF, #BAD7F2, #80A2F1, #008F9D, #2D2359)
• Soft Azure Market color palette (#F2E4EC, #95C9DD, #2099EA, #007E76, #081554)
• Weathered Cerulean Garden color palette (#EFF0E2, #B1CDB4, #0097AA, #006C66, #003440)
• Tempered Teal color palette (#FAF3F6, #D7DEF4, #A1BFEB, #00ADB3, #40446A)
• Pale Moss color palette (#D0E0FD, #97B0FF, #77A349, #A37800, #121B41)
• Soft Azure color palette (#E4EEFF, #F1C9E7, #FCA9D5, #14A0D8, #303254)
• Washed Petrol color palette (#F3E6E0, #5EC6CC, #007794, #004E36, #00172B)
• Gentle Lapis Station color palette (#C7EDF7, #4BBAF6, #438DFF, #574AD9, #34205E)

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