Worn Cocoa Lagoon color palette — #E8FAF5 · #6F8C4F · #9E5963 · #853903 · #123B33

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

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Olive Leaf (#6F8C4F): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#9E5963): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#853903): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#123B33): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Worn Cocoa Lagoon 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

• Bronze Courtyard color palette (#E7F9FA, #379471, #A35B33, #6B4D00, #0C3A3C)
• Ancient Mulberry color palette (#EDF9F0, #9A7D27, #935B86, #8F2642, #1F3A28)
• Muted Blush Harbor color palette (#F3F8E3, #64B375, #CB6D89, #806E16, #32342D)
• Aged Boulevard color palette (#DDF3FB, #008089, #7B5C00, #3A4D00, #032B37)
• Aged Parlor color palette (#E6FCE9, #00D2E0, #A6A5E8, #8B9664, #253829)
• Fern Archive color palette (#EBF7FF, #3B95B3, #565D99, #315300, #00423B)
• Mulberry Meadow color palette (#FDF0FF, #6B9CCE, #5765A2, #72355B, #2D3E54)
• Worn Archive color palette (#F0F6FA, #D8DAE3, #BDBECC, #297E9F, #3F4950)

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