Cypress Lantern color palette — #E6F6EF · #8BAA87 · #1B755A · #553C58 · #00221F

Teal and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F6EF): a clean, paper-quiet neutral.
• Sage (#8BAA87): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#1B755A): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#553C58): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Pine Balcony color palette (#E9F6EC, #9DA673, #43723E, #2F4F38, #002318)
• Muted Canyon color palette (#E3F7F3, #87BFC1, #2F8480, #674A60, #082D2F)
• Patina Bronze Thicket color palette (#D2FCF2, #B2EBCF, #78BAC5, #80753E, #00302D)
• Dusty Violet Market color palette (#C6E7E0, #588C37, #8753AC, #7D3B89, #001915)
• Pine Hollow color palette (#CBE8DF, #43895B, #004F44, #471818, #000B03)
• Timeworn Chestnut Orchard color palette (#F7F6E9, #D2D3A8, #6B976B, #805C16, #2A2A07)
• Antique Pier color palette (#FCEDF2, #ABCBEB, #627AB3, #005A64, #201A3C)
• Frosted Indigo color palette (#D4F0EA, #78B35D, #7D66C6, #255700, #1E123C)

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