Cobalt Lantern color palette — #FDF3EC · #ABCEBE · #4C78BA · #006156 · #38345D

A conversation between Slate and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Pistachio (#ABCEBE): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#4C78BA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#38345D): 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

• Indigo Dune color palette (#FCF4EC, #A7D3FB, #6675D6, #006669, #4B3069)
• Hushed Cobalt color palette (#FFF2EC, #71C6D9, #0074B2, #005840, #1F2A6E)
• Azure Studio color palette (#FBF4EA, #B5E0CB, #349DE4, #007B83, #263B5A)
• Tempered Studio color palette (#FBF3F1, #CDE4CB, #3F97B0, #307332, #215247)
• Washed Cypress Pier color palette (#DFFEEF, #EACDE3, #D096C0, #007D6F, #523751)
• Aged Courtyard color palette (#F1E0DB, #479EA6, #00506E, #00321A, #001038)
• Muted Powder color palette (#FCF2F7, #B6E9FF, #8AB4EB, #4F9C8C, #303955)
• Misty Bronze color palette (#E3F3EA, #199CBF, #AD6500, #006077, #4F2B00)

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