Cypress Lantern color palette — #F8F6E2 · #77B388 · #007B6A · #674168 · #3A3B35

Teal takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#77B388): A luminous, balanced teal — the color of sea glass.
• Teal (#007B6A): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#674168): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#3A3B35): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, 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

• Hushed Fern color palette (#FFF3E4, #A29E65, #516D35, #45466E, #38352E)
• Antique Basalt Workshop color palette (#FBF5E5, #B4B18E, #557E61, #724D5C, #4A4400)
• Frosted Garden color palette (#F1ECCC, #4FA863, #006A58, #612764, #083817)
• Cypress Garden color palette (#E0F7F7, #6BB9A2, #007C6F, #005279, #00281E)
• Pale Lantern color palette (#F0F9E4, #87CBB7, #009B8D, #1C70A0, #004638)
• Misty Mulberry color palette (#FFF2EF, #E16481, #009477, #AA0648, #004637)
• Muted Cobalt color palette (#FEF3E9, #A7D5F4, #4E7ECF, #00656C, #3A3968)
• Wandering Pier color palette (#FFE4DD, #D34563, #00847A, #196480, #4E1F27)

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