Hushed Cobalt Lagoon color palette — #FAF4EF · #C1E6D6 · #668ACB · #107169 · #583F4C

A conversation between Slate Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#C1E6D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#668ACB): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#107169): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#583F4C): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

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

• Muted Cerulean Hollow color palette (#FBF3F1, #C9E5C8, #1D99B9, #3C703F, #2B5048)
• Aged Periwinkle Atelier color palette (#FAF4EC, #BDE9EB, #77A9DD, #478590, #573E54)
• Washed Cornflower color palette (#FFF2E9, #95D9F9, #2F7BE9, #00685C, #3D3963)
• Hushed Cerulean color palette (#EBF5ED, #C0E1FB, #6391C1, #0E6A77, #1E2C42)
• Cobalt Coast color palette (#DAF3CF, #25B5C7, #007DAC, #365A95, #56384D)
• Mallow Balcony color palette (#E6FBF1, #EBD7D2, #F0AFDC, #3E8D86, #544555)
• Powdered Ember color palette (#FDF1FB, #7F9EE2, #D46151, #4061B1, #62332C)
• Antique Teal Boulevard color palette (#FCF2F6, #D7DEF6, #9DC0EF, #47A9AC, #3A4767)

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