Cobalt Lantern color palette — #F1F5FF · #7874BA · #106649 · #00484F · #18293B

Slate and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Slate (#7874BA): A full-bodied, balanced violet — the color of wild irises.
• Pine (#106649): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00484F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#18293B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged jewel, vibrant, muted, cool.

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

• Amethyst Market color palette (#F3F4FF, #7F4ABE, #005A4D, #004251, #172342)
• Aged Orchard color palette (#EDF6FF, #347EB2, #505E00, #005338, #0E2B36)
• Hushed Driftwood color palette (#F5F3FF, #9A6DA0, #2A7176, #254F71, #2C3043)
• Aged Driftwood Dune color palette (#F5EFFA, #AA648A, #7E5900, #004C47, #131325)
• Pale Navy Delta color palette (#F9F2FF, #9B4771, #004F66, #1F2C78, #1F1B37)
• Muted Bronze color palette (#FFF2F0, #CC86A2, #A46900, #006D66, #3D222C)
• Patina Garden color palette (#F6F4FB, #E1D7DD, #C9BBC1, #936282, #4A4551)
• Quiet Market color palette (#FBF1FF, #BF6A87, #8B5335, #544800, #432C54)

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