Cobalt Lantern color palette — #F7ECE6 · #A9CFB8 · #3B8BD0 · #006E57 · #232857
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F7ECE6): a clean, paper-quiet neutral.
- Pistachio (#A9CFB8): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#3B8BD0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006E57): A full-bodied, balanced teal — the color of sea glass.
- Navy (#232857): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Weathered Station color palette (#FDF3EB, #BCDDCE, #6D97D5, #007D70, #38345C)
- Linen Azure Veranda color palette (#FDF1F8, #BDEFFF, #3D97E5, #006C56, #161744)
- Washed Cobalt color palette (#F2EAE2, #87B7DC, #5A70B8, #005959, #260F45)
- Aged Teal color palette (#CCE5DB, #00B5B5, #00869A, #00547B, #1B255C)
- Dusty Azure Orchard color palette (#F5EDE2, #9BDFF5, #13B1F4, #009191, #052F53)
- Chalky Ember Alley color palette (#CCE5D8, #00A8D2, #CE622F, #006E8B, #481700)
- Airy Cobalt color palette (#CFEDFF, #47B2EC, #007AC0, #004B67, #00172A)
- Frosted Drift color palette (#F6E3DD, #59B1BA, #006F98, #004D2C, #000E3C)
Browse the whole catalog at Explore, or see today's palette.