Cocoa Lantern color palette — #E1F5E0 · #78977C · #5C698E · #5D4300 · #2C380A
Bronze and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E1F5E0): A whisper-light, dusty green — the color of fresh herbs.
- Eucalyptus (#78977C): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#5C698E): A full-bodied, dusty violet — the color of wild irises.
- Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#2C380A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Washed Delta color palette (#E0E9D0, #5DA3BD, #64618D, #4A4A1D, #1A3A15)
- Dusty Terracotta color palette (#CBE9D1, #89B1A2, #6E7AB3, #85433B, #5A3005)
- Tempered Garden color palette (#C2E8EE, #6898B3, #596188, #682826, #2C1300)
- Antique Chapel color palette (#D6EDED, #5B7FA1, #643A66, #1C2F00, #001B0E)
- Iris Lagoon color palette (#D7F5F4, #77C7D2, #8695D9, #8C794F, #20412A)
- Hushed Forest color palette (#FAEBE7, #9DBB9A, #00748C, #09540B, #003053)
- Worn Courtyard color palette (#EDF5DD, #AAC2B3, #9C7A8D, #686A20, #435445)
- Hushed Quarry color palette (#F3E2CC, #8D914A, #1E652A, #04464E, #312807)
Browse the whole catalog at Explore, or see today's palette.