Cocoa Lantern color palette — #F3EDE6 · #DACEB9 · #B0A680 · #6B4400 · #050200
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3EDE6): bright and airy, almost weightless.
- Oat (#DACEB9): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#B0A680): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
- Ink (#050200): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
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
- Basalt Study color palette (#EDE9DE, #BEBCA7, #909675, #423D00, #020100)
- Wandering Garnet Study color palette (#F8EBE6, #DFCCBF, #C59D79, #940018, #070100)
- Patina Basalt Bloom color palette (#E0E7E0, #9EAEA2, #648974, #4C3100, #0B170C)
- Timeworn Bronze Study color palette (#E9E0D7, #AEB49D, #86A283, #A35E00, #1E1003)
- Worn Pine color palette (#E9E2D2, #8F9B5F, #197438, #1E3070, #1B000D)
- Tempered Studio color palette (#E6E3C5, #52A353, #005C3D, #461F00, #010100)
- Tempered Bronze color palette (#EDDDC5, #9B6C00, #3E4900, #001C36, #020100)
- Pine Courtyard color palette (#F4F7EB, #CDDED4, #8EC8C2, #00742F, #0C0E00)
Browse the whole catalog at Explore, or see today's palette.