Cerulean Lantern color palette — #E9F5F2 · #B2E6F6 · #309EAA · #296B62 · #0F303E

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

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Powder Blue (#B2E6F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#309EAA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#296B62): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#0F303E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Cerulean Lantern 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

• Dusty Field color palette (#DBF0ED, #279AA9, #005262, #002C2C, #000509)
• Hushed Villa color palette (#E2F5FF, #009EB7, #7276C4, #46794E, #05222D)
• Tempered Ash Canyon color palette (#EAF4F3, #D2DAEE, #7EA1BC, #487185, #293846)
• Wandering Cerulean Study color palette (#E8F5F3, #8FD4E5, #0089AB, #005B5F, #012337)
• Hushed Teal Summit color palette (#DDF7FF, #00BABE, #9A8F40, #007376, #092F1F)
• Washed Aqua color palette (#FBF2F8, #D3D5E5, #6DCAE3, #608E75, #2B4254)
• Washed Bronze Canyon color palette (#FFECF3, #C6A480, #986942, #624052, #19271A)
• Cerulean Ridge color palette (#E8F5F3, #ADE8F2, #5199AD, #2A696A, #0F3042)

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