Worn Cocoa color palette — #E5F6F4 · #5CA970 · #2477B5 · #853200 · #003615

Rust and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E5F6F4): a clean, paper-quiet neutral.
• Jade (#5CA970): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#2477B5): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#853200): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#003615): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Worn Indigo color palette (#E2F8EE, #9B9B37, #705FC0, #774000, #432100)
• Tempered Mulberry Dune color palette (#E8F6EC, #AC9436, #00818D, #940044, #352A00)
• Tempered Cabin color palette (#E6F7E9, #008790, #5538AD, #6D0F26, #332B00)
• Chestnut Market color palette (#C4EDEF, #8DC0C3, #65939E, #8A5628, #3C4B20)
• Muted Archive color palette (#C4F1FD, #00A19D, #8E28CD, #404F00, #002B2A)
• Ancient Emerald Parlor color palette (#FFF1F5, #BAB789, #5F8F52, #007176, #1F3D2F)
• Mulberry Corridor color palette (#CDE6F2, #0096AE, #A43165, #00502A, #00242B)
• Pale Nightshade color palette (#CAE4E3, #008B4D, #2F43B1, #472C00, #001708)

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