Cerulean Lantern color palette — #FDF3EC · #C2E6D4 · #5F8EBC · #0C716D · #583E52

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Celadon Mist (#C2E6D4): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#5F8EBC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#0C716D): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#583E52): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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

• Timeworn Cerulean Hollow color palette (#F9F0EA, #C3E6D3, #6491C3, #286B5D, #3F2035)
• Cobalt Basin color palette (#FBF4ED, #99CBF4, #5E77AE, #005E68, #383559)
• Dusty Olive color palette (#FCF3EF, #C7EDE4, #66A3B8, #607838, #395049)
• Dusty Chapel color palette (#F0F7F1, #D4DDF3, #87C5F4, #33AAB3, #314967)
• Muted Cerulean color palette (#EDDAD2, #1C8FA2, #00425C, #00231B, #00091B)
• Dusty Teal Balcony color palette (#EADDD6, #41B2B1, #006274, #004025, #002235)
• Wandering Studio color palette (#F0F9E5, #1DBA8C, #C06B85, #007858, #5D3440)
• Muted Powder Studio color palette (#ECFBE2, #D0EBFA, #A1C0E9, #728964, #404F3C)

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