Cypress Lantern color palette — #FEF3EB · #B9DECC · #669ACB · #007C77 · #2C385E

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

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Celadon Mist (#B9DECC): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#669ACB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007C77): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2C385E): 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 Cypress 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

• Worn Periwinkle color palette (#FBF4EC, #C3E5EA, #8CA3DE, #3B8793, #5D3C4E)
• Wandering Garden color palette (#F9EBE4, #95D1D0, #0396B1, #007045, #00324B)
• Patina Pier color palette (#F4F6ED, #C6EAD8, #57BDF5, #339BAF, #0F4438)
• Aged Orchard color palette (#F3E0D7, #65B0B3, #00728B, #004D32, #001626)
• Denim Balcony color palette (#F4E4D8, #619BB8, #10589E, #003B3B, #05002C)
• Cobalt Alley color palette (#F6E8DD, #7EB9DF, #3D73C5, #00585D, #19154A)
• Muted Canyon color palette (#E8F0DB, #6BBE76, #009F76, #006859, #004145)
• Tempered Courtyard color palette (#E7F3DD, #3CC19D, #C877A2, #008569, #52223D)

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