Cobalt Lantern color palette — #FDF2F7 · #A0CCE6 · #4F7BAE · #006152 · #2E3959
Built around Slate, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF2F7): bright and airy, almost weightless.
- Sky (#A0CCE6): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#4F7BAE): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006152): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#2E3959): 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
- Aqua Station color palette (#FFF0FB, #00CEE6, #0076AA, #00593A, #1A2E66)
- Hushed Driftwood color palette (#FDF2F5, #C4E0FB, #7D87B6, #276E71, #44455D)
- Softworn Cerulean color palette (#F1F3E8, #A7D3BD, #3885AC, #005967, #00233A)
- Tempered Market color palette (#D6FEFF, #BCE1FF, #9CB6F4, #656E41, #26474E)
- Patina Lagoon Basin color palette (#EBDEEA, #00A3A6, #005269, #003311, #00132E)
- Moss Orchard color palette (#DDE0D1, #5AAF3E, #00855E, #005751, #00424D)
- Hushed Sky Station color palette (#FEF3EC, #C2EBD7, #73B8F8, #00A09A, #2B3763)
- Teal Lantern color palette (#D7FFF6, #00C1A9, #006F6B, #003F3B, #002A23)
Browse the whole catalog at Explore, or see today's palette.