Charred Onyx Pier color palette — #FCEBD9 · #5B3500 · #003C39 · #360053 · #040100

Deep Indigo takes the lead with Cocoa close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Cream (#FCEBD9): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#5B3500): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#003C39): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#360053): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Moonless Navy color palette (#FDE7E1, #731B00, #003F22, #1A006F, #060000)
• Nocturne Onyx color palette (#E4E8D6, #3D4400, #003852, #470025, #020200)
• Navy Courtyard color palette (#D4F3E5, #3A3A00, #00107F, #220029, #020200)
• Twilit Chestnut Dune color palette (#D4E3DB, #785900, #282832, #181500, #030200)
• Aged Ultramarine Meadow color palette (#F2DFD5, #8B3F00, #1C26D0, #1D3387, #040100)
• Garnet Pier color palette (#E1E3D0, #5C5F00, #005574, #710045, #121300)
• Olive Bloom color palette (#F3D9E1, #AD975B, #697E00, #5F2300, #001605)
• Chestnut Thicket color palette (#F0EAFF, #008680, #756200, #090D05, #000201)

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