Twilit Cocoa Pier color palette — #F8D6E1 · #683E00 · #00322C · #240017 · #020100

A conversation between Bronze and Ink, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#F8D6E1): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#683E00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00322C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#240017): A deep, shadowed, dusty rose — the color of a warm blush.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Depth. Tagged dark, muted, warm.

Use it as a design system

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

• Shadow Fern Workshop color palette (#DDF5E9, #4C4D00, #002D48, #1F0900, #010100)
• Shadow Mulberry color palette (#F6E8FE, #87004B, #003322, #22001C, #040001)
• Feathered Chestnut color palette (#F2E5D7, #905700, #004B69, #4E0014, #170003)
• Forest Cabin color palette (#DFE6C3, #007124, #004A36, #002322, #000608)
• Obsidian Olive color palette (#E8E7D5, #507400, #00444D, #1A0041, #040000)
• Deep Navy Canyon color palette (#CEF0ED, #006A31, #01248F, #261600, #000501)
• Timeworn Canyon color palette (#FCEAF3, #5A91B1, #18409C, #002C29, #060017)
• Petrol Lantern color palette (#E5F5F9, #419F98, #356897, #633200, #002422)

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