Tempered Cocoa Lantern color palette — #B5EFDE · #AFCFAD · #8CAD96 · #977D90 · #594300

Deep Olive and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#B5EFDE): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#AFCFAD): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8CAD96): A luminous, dusty teal — the color of sea glass.
• Heather (#977D90): A luminous, dusty pink — the color of a candy shop window.
• Deep Olive (#594300): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Cocoa 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 Driftwood Study color palette (#E4FCEB, #BBDDCC, #9CB9B1, #A3808B, #60474A)
• Ancient Cocoa Orchard color palette (#D3EDC3, #A9BC9B, #739C88, #916057, #643400)
• Teal Harbor color palette (#E1E7BF, #C3CFB3, #77B4A8, #5F9284, #5A3E57)
• Aged Driftwood Harbor color palette (#F5F7E8, #AAD7AF, #74AF8D, #878941, #333A00)
• Terracotta Station color palette (#D9FFF1, #AAE0E3, #7BA9BE, #955352, #2C412A)
• Timeworn Petal Station color palette (#E3FCF3, #EFD9F0, #D1BACB, #B09A9A, #63504E)
• Washed Harbor color palette (#E7EFFF, #B5B6E3, #A294BE, #956C65, #5A2E2B)
• Wandering Cerulean Corridor color palette (#D0E6EB, #7FA7B6, #3C849C, #4F4A70, #292946)

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