Pale Cocoa Pier color palette — #D9F0DB · #A6A45A · #8D6200 · #712A00 · #0C2200

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

The five colors

• Honeydew (#D9F0DB): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#A6A45A): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#8D6200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#712A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#0C2200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Washed Garnet Garden color palette (#DBECDA, #989048, #7B5100, #601D00, #091600)
• Wandering Harbor color palette (#FFDFED, #B89C61, #A05400, #830017, #1C1E00)
• Chalky Bronze color palette (#DAF8DD, #B19C48, #896100, #6C3B00, #103F2E)
• Wandering Bloom color palette (#FEECF4, #99B39D, #96694D, #753538, #0D291E)
• Timeworn Amber color palette (#FFF3E3, #E2D08D, #BD8700, #8B4E00, #2A2A00)
• Cocoa Villa color palette (#FBEBF4, #95672E, #752600, #47001A, #070500)
• Worn Driftwood Field color palette (#E9F6EB, #A2C4B6, #698D71, #704A5F, #19312E)
• Fern Atelier color palette (#E2F5E9, #475A1E, #322900, #1A0A00, #000200)

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