Cerulean Lagoon color palette — #FDF2F6 · #CDE3F7 · #8EB1F5 · #009EAA · #37365A

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

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Frost (#CDE3F7): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#8EB1F5): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#009EAA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#37365A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Cerulean 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 Ridge color palette (#FAF2F8, #BBE9F7, #6DBFD9, #00A572, #113E5C)
• Wandering Balcony color palette (#EDF8F7, #D9DDE8, #57ABFA, #007A9D, #182E4E)
• Antique Teal color palette (#FAF3F6, #D9D4E2, #A7C9F8, #63B1B4, #48526A)
• Worn Terrace color palette (#F3F4FF, #F0D2E7, #EFC2A0, #889EE5, #433957)
• Pine Atelier color palette (#ECDEE7, #89CECC, #00A3BD, #00824C, #002234)
• Quiet Workshop color palette (#EADEE2, #79A6CC, #496BD4, #005C67, #0B0027)
• Cobalt Dune color palette (#F8F0EA, #9ECEF1, #5C7BB3, #005A61, #311627)
• Frosted Emerald Archive color palette (#E6E0FF, #D295D7, #B8A70C, #0CB354, #2D2545)

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