Cocoa Pier color palette — #F3F4FF · #B7FFF1 · #FFD3AD · #5B3400 · #19120A

Built around Cocoa, softened by Sea Foam — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Sea Foam (#B7FFF1): A whisper-light, dusty teal — the color of glacier melt.
• Peach Cream (#FFD3AD): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#5B3400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#19120A): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, 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

• Tempered Celadon color palette (#ECF7FF, #D2FFAC, #FFCFD1, #493029, #231410)
• Dusty Bronze Chapel color palette (#FFF3E6, #FDE2AB, #956E3E, #3C3732, #160E05)
• Weathered Chartreuse Basin color palette (#FFEDF3, #B4EBFF, #C5E000, #313806, #0F0C02)
• Tempered Sand Quarry color palette (#E8E7FF, #B0D2FF, #FFB386, #844E1E, #2C221B)
• Timeworn Orchard color palette (#FEF3E6, #DFA74D, #63A8C6, #6A6CA3, #2F2210)
• Dusty Mint Coast color palette (#EDE2FF, #00E5AD, #F9961F, #52322F, #2F2629)
• Coral Corridor color palette (#C7EAF3, #C4C5FF, #EA6C62, #342231, #130E12)
• Mustard Courtyard color palette (#E9E9FF, #00E7F2, #EAB100, #271A00, #030100)

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