Cobalt Lantern color palette — #F9F0EA · #B0D1BC · #3C81B8 · #005E47 · #161B43

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

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#B0D1BC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3C81B8): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E47): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#161B43): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Worn Cerulean Terrace color palette (#FBF4EA, #B2CCBC, #3681A6, #00605E, #163D5F)
• Weathered Cypress Chapel color palette (#F7F0EB, #C2E6D9, #7B8CB9, #006D6A, #3F2030)
• Timeworn Petrol color palette (#F3E7DB, #8CB8E0, #5864AB, #004B4D, #1D0B2F)
• Lagoon Workshop color palette (#DBEBE3, #00A59A, #006F82, #004A79, #091D46)
• Weathered Boulevard color palette (#EFF8F0, #D8D6E3, #5BB1DD, #007F7D, #12304B)
• Chalky Lagoon color palette (#D7F1DF, #08A2BB, #B26532, #00606F, #311200)
• Quiet Bronze color palette (#D8F1E6, #0086B8, #A95227, #754D00, #001910)
• Aged Pier color palette (#EEE1DA, #32839E, #003C70, #002019, #01000A)

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