Hushed Lagoon color palette — #F1F3EC · #A8D2C5 · #437FBF · #005774 · #061E47

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Pistachio (#A8D2C5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#437FBF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005774): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#061E47): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Cobalt color palette (#F0F4E3, #79C7E9, #007BAD, #00505D, #001C31)
• Antique Cerulean Atelier color palette (#F2F3E7, #B7DABB, #0093A4, #00635C, #002A34)
• Tempered Petrol color palette (#D7E8F0, #45A4D7, #006EA4, #004479, #00234E)
• Dusty Abyss color palette (#E2E5D5, #5894A3, #005267, #002B2E, #00050A)
• Wandering Byzantium Studio color palette (#EBD8ED, #307FCB, #904EA6, #006A61, #00142C)
• Petrol Archive color palette (#F1F3EC, #C6E0E2, #76A89A, #2B758D, #412F42)
• Tempered Emerald color palette (#D9EFE8, #4D97D5, #39914A, #005990, #002407)
• Worn Petrol Hollow color palette (#FCECFB, #F4CBD3, #B9B0F2, #1E74AF, #321A2F)

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