Cypress Lantern color palette — #EFF7F7 · #D0DBE2 · #98BAC0 · #24744F · #303E3E

Built around Pine, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D0DBE2): bright and airy, almost weightless.
• Ash (#98BAC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#24744F): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#303E3E): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Softworn Garden color palette (#EAF4F3, #C9D9E4, #A4BBC5, #41714D, #182322)
• Aged Balcony color palette (#F4F6EE, #CDDED7, #A9C6C1, #578F64, #374000)
• Tempered Harbor color palette (#E8F9F7, #71AA88, #007557, #2E5632, #133D3C)
• Washed Archive color palette (#EDF7FE, #D6D9ED, #ABBED6, #0073A2, #31424F)
• Softworn Delta color palette (#E6F2F3, #A3BFC4, #6B96A1, #00513F, #112324)
• Aged Denim color palette (#BAE9FA, #88ACBE, #517D97, #5C4E77, #403D54)
• Muted Petrol Studio color palette (#E6EDF1, #8D9CA8, #527494, #003040, #000B14)
• Washed Denim color palette (#E8EFF7, #C4CDD9, #92A1BC, #035891, #232F3C)

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