Cocoa Lantern color palette — #E3F4D5 · #00654F · #6C3300 · #3C2E00 · #041B00
Bronze and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E3F4D5): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#00654F): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6C3300): A deep, shadowed, balanced gold — the color of honey in a jar.
- Espresso (#3C2E00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#041B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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
- Softworn Garnet Corridor color palette (#F7F3D2, #4E6100, #7F003C, #541D00, #221700)
- Softworn Aubergine color palette (#D5F3CF, #007777, #700069, #4F1F00, #020700)
- Chalky Nightshade Cabin color palette (#D5F7D9, #007076, #3800C1, #263600, #001F16)
- Sunlit Canyon color palette (#CBF4FF, #008A81, #98009E, #783100, #101C00)
- Dusty Corridor color palette (#EFF8EF, #009593, #54639D, #4D511E, #2F312B)
- Worn Cypress color palette (#E9FAED, #C2D9CB, #8AB1A0, #006672, #24382A)
- Hazy Villa color palette (#E7FAF3, #0074B5, #673078, #00432C, #0B2716)
- Indigo Lantern color palette (#FFF0F8, #7C66C7, #91304E, #6A371D, #332333)
Browse the whole catalog at Explore, or see today's palette.