Cocoa Lantern color palette — #ECEFFD · #97779D · #833F3E · #00403D · #002B3C
A conversation between Coffee and Heather, giving this palette its sense of sophistication.
The five colors
- Frost (#ECEFFD): bright and airy, almost weightless.
- Heather (#97779D): A luminous, dusty pink — the color of neon signs at night.
- Coffee (#833F3E): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#00403D): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002B3C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns 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
- Wandering Cocoa color palette (#F0DEFE, #A85572, #7F3602, #003338, #001B2C)
- Patina Atelier color palette (#C7E5FD, #747AA7, #773B70, #223C00, #002C28)
- Weathered Driftwood Delta color palette (#F7E7EF, #AF637A, #6E3E3D, #362800, #131100)
- Aged Driftwood Alley color palette (#ECE1EE, #C28FA5, #B46F69, #4E6E4E, #002D23)
- Terracotta Courtyard color palette (#F5E4E9, #984D36, #4A3900, #002137, #000F1C)
- Quiet Bronze Orchard color palette (#F2E7F3, #DE8392, #9F5A00, #00596F, #2E385D)
- Aged Parlor color palette (#F7F3FF, #D0B8CE, #A88490, #5D7385, #4D4E60)
- Muted Boulevard color palette (#EADBEE, #B83461, #00666C, #6D0030, #002022)
Browse the whole catalog at Explore, or see today's palette.