Powdered Cocoa Harbor color palette — #F2F3E4 · #5F9755 · #6A6CB4 · #84371C · #1A1C08

Rust takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2F3E4): a clean, paper-quiet neutral.
• Olive Leaf (#5F9755): A luminous, balanced green — the color of new leaves after rain.
• Slate (#6A6CB4): A full-bodied, balanced violet — the color of wild irises.
• Rust (#84371C): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1A1C08): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Wandering Denim color palette (#F5F2E7, #909343, #4C5FA6, #5C3800, #212000)
• Indigo Basin color palette (#FAF0E3, #AF7B00, #7863BD, #7B3D37, #231807)
• Frosted Orchard color palette (#F2F9E1, #059A52, #7F5FA5, #74424D, #32342D)
• Tempered Lagoon Summit color palette (#EDF5E3, #009E74, #B1554F, #7E3A35, #161D0C)
• Terracotta Chapel color palette (#E0EEDE, #008780, #A73E10, #1B5109, #051403)
• Timeworn Loft color palette (#F5F2E4, #929B5E, #B5677E, #5C6336, #262313)
• Chalky Clover Lantern color palette (#E4FBF7, #62B652, #BE739C, #915B78, #213835)
• Washed Cobalt color palette (#F2F2EA, #99C184, #4473C3, #467329, #150914)

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