Cobalt Lantern color palette — #F9EFF2 · #B2CAE3 · #6377BD · #005967 · #21193C

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

The five colors

• Ivory (#F9EFF2): a clean, paper-quiet neutral.
• Lilac Frost (#B2CAE3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#6377BD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005967): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#21193C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Muted Coast color palette (#F6EFF5, #A6CFDF, #1088AF, #005E47, #00213F)
• Tempered Cobalt color palette (#EAF8F8, #ADC8E4, #4979BC, #005A7F, #2A3B55)
• Petrol Archive color palette (#F3F7EC, #C2E0F5, #7AA8E7, #0078A6, #1D2D50)
• Wandering Workshop color palette (#F8ECF3, #5993A7, #004E79, #002C28, #00001E)
• Cobalt Summit color palette (#DFEEDE, #BC8534, #2D80C8, #744B00, #001D38)
• Chalky Ultramarine color palette (#DDF0E0, #9E7300, #2671B8, #3952AE, #001A06)
• Tempered Chestnut color palette (#F4D8E0, #80A28A, #8A5810, #632B12, #001E14)
• Terracotta Orchard color palette (#E4F9E2, #BCDFCF, #91C8A9, #9B503B, #002818)

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