Cocoa Lantern color palette — #F1FADE · #00874F · #8B2B00 · #543700 · #282400
Rust and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F1FADE): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#00874F): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#8B2B00): A full-bodied, balanced orange — the color of toasted spice.
- Cocoa (#543700): A deep, shadowed, dusty gold — the color of old brass.
- Onyx (#282400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.
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 Cerulean Balcony color palette (#D6FDE9, #0083A2, #7D4900, #4F2C00, #101200)
- Wandering Plum color palette (#FFF2EF, #B41B5F, #704B00, #353F00, #1D290B)
- Dusty Terracotta color palette (#EDF7FF, #1EA3D7, #A83A00, #6C4400, #002624)
- Timeworn Olive Balcony color palette (#FEF2ED, #B56761, #7B7000, #315A33, #313B2F)
- Tempered Denim Parlor color palette (#DEFBEE, #006080, #494A00, #003A17, #00191A)
- Hazy Archive color palette (#FFF0F9, #6248DC, #980054, #6A2100, #332101)
- Patina Cobalt color palette (#ECF8F5, #EFD8DF, #CCB3C6, #006DB8, #2E453F)
- Inked Mulberry color palette (#FBDADA, #82006E, #4F2400, #201900, #080900)
Browse the whole catalog at Explore, or see today's palette.