Cocoa Pier color palette — #E6F1DC · #006A51 · #662900 · #342700 · #051A00

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

The five colors

• Honeydew (#E6F1DC): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#006A51): A full-bodied, balanced teal — the color of sea glass.
• Rust (#662900): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#342700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#051A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Frosted Garnet color palette (#E4E8CB, #0E6811, #7F0015, #3C1F00, #171800)
• Wandering Cypress Courtyard color palette (#EAFAEB, #00777C, #654500, #2E3A00, #18210A)
• Mulberry Orchard color palette (#DDE8F5, #2E77D5, #93308D, #5D3F00, #001316)
• Tempered Cerulean color palette (#FBF2FB, #6189B8, #597042, #1C5B4A, #2A3C31)
• Antique Study color palette (#E7F1EE, #D4C7D5, #AE98AC, #005A89, #1D332C)
• Worn Archive color palette (#FFE6ED, #77269D, #790208, #412400, #181300)
• Abyss Coast color palette (#D2E6DF, #003854, #1B2200, #00140A, #000304)
• Cobalt Field color palette (#CEE8E1, #006BB7, #552C83, #00381E, #00242A)

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