Cobalt Lantern color palette — #FBF4ED · #BCE8D7 · #5C8AD3 · #097075 · #593E4F

Azure takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Mint (#BCE8D7): A whisper-light, dusty teal — the color of sea glass.
• Azure (#5C8AD3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#097075): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#593E4F): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Cornflower Pier color palette (#FDF3EB, #99D8FA, #2A7FE0, #006668, #353B69)
• Tempered Ash Terrace color palette (#F4F6EE, #B7EAEE, #7FA9D2, #4E8298, #553F55)
• Cypress Thicket color palette (#FBF3EF, #CBE4CC, #2799B5, #13744E, #275145)
• Aged Cerulean color palette (#E9F5F4, #C1E1FB, #6392C0, #2E667C, #1B2D44)
• Linen Peony Meadow color palette (#EEF9EC, #45B3AB, #C56492, #00756F, #5C3446)
• Washed Navy color palette (#E6DCD6, #4C8A9F, #003F67, #002320, #01032A)
• Patina Canyon color palette (#EBDFDA, #6CAAB3, #00607E, #004030, #00203E)
• Hushed Petrol color palette (#FFF2EC, #63CAD1, #007A98, #00583E, #003658)

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