Cocoa Lantern color palette — #F4EEE7 · #BAB39B · #8E8F78 · #5A3E00 · #110902
A conversation between Bronze and Stone, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F4EEE7): a clean, paper-quiet neutral.
- Stone (#BAB39B): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#8E8F78): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#5A3E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#110902): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: 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
- Hushed Olive color palette (#F4EFE5, #A2A287, #718542, #3E3700, #070400)
- Dusty Dune color palette (#E8F2E8, #AEBDB6, #6E9794, #5D3D00, #172317)
- Aged Fern color palette (#F4F2E8, #D3D6BF, #A3B195, #5D6000, #1E1A0A)
- Softworn Balcony color palette (#F6F1EA, #D5DCCE, #B3C4B4, #916F2B, #312B22)
- Dusty Olive color palette (#F1E0C4, #718342, #006048, #412441, #1E021E)
- Onyx Courtyard color palette (#EEDBC3, #845C00, #194700, #250054, #070500)
- Aged Tangerine Bloom color palette (#E9DFBE, #EF7800, #898300, #00704F, #040600)
- Hushed Pine color palette (#EFEED8, #008F58, #004F48, #491713, #060900)
Browse the whole catalog at Explore, or see today's palette.