Cocoa Lantern color palette — #E2E5C1 · #757600 · #007563 · #883500 · #262600

A conversation between Rust and Olive, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#E2E5C1): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#757600): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#007563): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#883500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#262600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Mulberry Field color palette (#F4E5CA, #916900, #007930, #9C002E, #312100)
• Linen Olive Basin color palette (#E5F2E2, #1F8810, #00717D, #6F4A00, #052D02)
• Hushed Moss Study color palette (#C0EAD1, #94923D, #695B00, #4B3A00, #282C00)
• Lagoon Quarry color palette (#C3EEF0, #008F6A, #0076A1, #675B00, #003235)
• Pale Clover Chapel color palette (#F3F8C1, #B2D670, #5ABA67, #675C00, #2C3A00)
• Wandering Denim Field color palette (#D2F6FB, #006A5A, #005282, #3E4100, #001612)
• Grape Parlor color palette (#EDF0D8, #727800, #4346E6, #6900BD, #0E1000)
• Wandering Taupe Pier color palette (#E2FCF3, #91A05F, #4F9990, #976B4E, #2E4940)

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