Cocoa Pier color palette — #F5F6EA · #AAD69C · #B29FCE · #AF7572 · #6B2E14

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

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Pistachio (#AAD69C): A whisper-light, balanced green — the color of new leaves after rain.
• Mauve (#B29FCE): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#AF7572): A luminous, dusty orange — the color of toasted spice.
• Rust (#6B2E14): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Wandering Oat color palette (#FDF4E7, #E2C286, #7FAFD9, #B27375, #5D372B)
• Muted Cocoa color palette (#EDF9EE, #86D7DA, #D79692, #AB7B56, #5F3900)
• Timeworn Mulberry color palette (#F3F7EF, #A4D9C5, #789CCA, #954F7E, #4F310E)
• Tempered Teal Drift color palette (#EAF6E7, #33CBBA, #C77696, #9B611C, #412300)
• Washed Fern color palette (#F7F5EC, #D9E2C6, #A1BF9D, #9E9B86, #45550B)
• Antique Powder Bloom color palette (#FBF3EF, #C2E1EB, #B4C0EA, #98A984, #614A5C)
• Softworn Quarry color palette (#F9F6E0, #B3D24F, #8B76F3, #917000, #3E2E00)
• Patina Aqua color palette (#E7F4CE, #94E2DD, #70C8D3, #5E9ABC, #604660)

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