Cocoa Lantern color palette — #F0E2C2 · #9DA280 · #238079 · #734153 · #6A2F0E

Rust and Teal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F0E2C2): A whisper-light, dusty gold — the color of old brass.
• Taupe (#9DA280): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#238079): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#734153): A full-bodied, dusty rose — the color of strawberry cream.
• Rust (#6A2F0E): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: 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

• Pale Cocoa color palette (#ECE9BE, #71AD95, #238099, #804129, #583700)
• Lagoon Atelier color palette (#F7DBC3, #B5AF83, #5F8360, #62496A, #593C41)
• Mint Basin color palette (#C5EFCB, #7EC9AB, #5B9E97, #54736C, #563F52)
• Pine Field color palette (#FCF4E7, #95A363, #327335, #59491C, #37362F)
• Hushed Delta color palette (#EAEECF, #4E8F66, #005F63, #5E1F32, #4A1908)
• Powdered Plum color palette (#D8ECCC, #008E78, #B03678, #94392E, #203115)
• Worn Scarlet Delta color palette (#EAF2E3, #00A683, #C8454E, #006650, #572224)
• Ancient Lagoon Garden color palette (#C8F0F0, #78B2A6, #3F8284, #3C5370, #202942)

Browse the whole catalog at Explore, or see today's palette.