Worn Cocoa color palette — #C3EBED · #006146 · #6B2F00 · #352600 · #00120A

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

The five colors

• Frost (#C3EBED): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006146): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#6B2F00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#00120A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged muted.

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

• Dusty Garnet color palette (#C4EAE3, #276100, #800515, #421D00, #031200)
• Lowlit Basalt Loft color palette (#DAF0F5, #004F4A, #4C2F00, #1F1E00, #000605)
• Nocturne Garnet Alley color palette (#C9E6F0, #005E63, #820021, #2D2800, #000303)
• Tempered Balcony color palette (#D6E6F1, #005978, #414800, #003212, #001018)
• Hushed Chestnut color palette (#D4E3D7, #007E88, #934A00, #4E4200, #001113)
• Ancient Aubergine Quarry color palette (#EFEDFF, #7E0B94, #742500, #3A2300, #1A0021)
• Faded Fern Canyon color palette (#E9F8FF, #00859A, #786600, #345500, #00323B)
• Patina Rust color palette (#FAE9F4, #B14E34, #5C6900, #005324, #381A31)

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