Cobalt Lantern color palette — #F4F6F0 · #ABCEC1 · #357DBA · #005C76 · #223B5C

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Pistachio (#ABCEC1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#357DBA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C76): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#223B5C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Lagoon Study color palette (#F5F6EB, #B4CDB5, #008894, #006157, #00424E)
• Cobalt Thicket color palette (#F6F1EB, #A1D4C2, #547BBD, #005A60, #311528)
• Patina Petrol Bloom color palette (#F4F6F0, #C9E3E3, #789EBC, #237A91, #30524A)
• Hushed Periwinkle Ridge color palette (#FCF2F6, #B5D9F7, #5F94EC, #007B82, #35365C)
• Dusty Sky Delta color palette (#EDF8F7, #C5E4FF, #71B8F9, #3B98BA, #273C55)
• Abyss Alley color palette (#EBEEDC, #579BA8, #005264, #003031, #001720)
• Softworn Grove color palette (#F2F0D8, #7D994D, #0086A7, #476100, #003C4C)
• Olive Parlor color palette (#E8E7C4, #638738, #007C7D, #834B00, #2F2D08)

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