Cobalt Lantern color palette — #F4F6EF · #A7CFC3 · #387BC1 · #005B7A · #4B2F4A

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Pistachio (#A7CFC3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#387BC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4B2F4A): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Antique Balcony color palette (#F4F6EE, #A6D0BB, #0082B4, #005E6C, #154438)
• Dusty Cobalt color palette (#F8F0E8, #A4CDED, #5D7BB6, #005A62, #321427)
• Hushed Periwinkle Villa color palette (#FFF1F6, #ADDAFF, #7794D3, #007A86, #313955)
• Lagoon Chapel color palette (#FCF3EB, #BFEBDD, #9AAFEE, #00A09F, #40315B)
• Navy Harbor color palette (#E2E7DA, #5884AF, #00387E, #002030, #01012D)
• Worn Studio color palette (#F0F0DD, #729D35, #0085AC, #416200, #003B4F)
• Hushed Pine color palette (#E3E9C4, #378F3D, #007A8A, #785300, #2B2E0B)
• Timeworn Cypress color palette (#E0E1D6, #6AACAB, #00646A, #003F37, #00242A)

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