Cobalt Lantern color palette — #FDF1F7 · #ABCADE · #3D77CA · #006156 · #313956

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

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Sky (#ABCADE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#3D77CA): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#313956): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Patina Forest color palette (#F8F3F8, #95D2D2, #0085A8, #006528, #223C5B)
• Aged Cobalt Corridor color palette (#F6F1E9, #90D2F1, #4781AF, #005A61, #2D172C)
• Faded Olive Chapel color palette (#D6E6FF, #5175CC, #457E00, #006C42, #1C2B44)
• Patina Coral Cabin color palette (#F0F5FF, #F6CAF5, #FB9385, #296F8C, #423F5A)
• Wandering Cypress color palette (#FAF3F7, #D7DFF1, #799CC5, #377D6D, #495269)
• Cerulean Drift color palette (#EBDFEA, #33A1A7, #00516C, #003217, #001233)
• Tempered Ultramarine color palette (#FAE9EF, #6FA6C8, #1A45C9, #003E3B, #231246)
• Wandering Lapis Loft color palette (#D4E3EB, #6C93E9, #6749CE, #633484, #57304B)

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