Shadow Onyx Harbor color palette — #F7DCE5 · #454A41 · #3F2200 · #12160E · #030200

Built around Espresso, softened by Shell Pink — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F7DCE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Charcoal (#454A41): quiet, heavy and certain.
• Espresso (#3F2200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#12160E): quiet, heavy and certain.
• Black (#030200): quiet, heavy and certain.

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

Use it as a design system

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

• Spruce Pier color palette (#C4E8D8, #343E46, #2B2C00, #0C1418, #000300)
• Smoked Onyx color palette (#F5E9F5, #352B1F, #540015, #200D0B, #050100)
• Cocoa Field color palette (#F8DEC4, #643900, #1A2119, #100D00, #040100)
• Aubergine Bloom color palette (#DFF4E6, #5B4B00, #470094, #251E00, #020008)
• Softworn Lagoon color palette (#DFF2F1, #549366, #1A424A, #122121, #080E0C)
• Deep Bronze Study color palette (#D7E8D7, #906000, #2B2C00, #021503, #080105)
• Timeworn Cerulean Ridge color palette (#F0E3EB, #2B8599, #00405F, #00201B, #000106)
• Navy Meadow color palette (#FCEECE, #4B3800, #00257D, #3F0039, #020100)

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