Onyx Harbor color palette — #F4DFDA · #7E7F30 · #4E001D · #1A0006 · #020200

Espresso and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4DFDA): A whisper-light, dusty orange — the color of toasted spice.
• Olive Leaf (#7E7F30): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#4E001D): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#1A0006): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Timeworn Ridge color palette (#FCE6D3, #937700, #3D1D00, #181C12, #130600)
• Moonless Bronze color palette (#FCE8FA, #AF6300, #55000C, #180001, #030003)
• Onyx Lagoon color palette (#FEE5EA, #63882E, #3E024F, #13001B, #090002)
• Chalky Garnet Summit color palette (#F7E1D9, #D37800, #850019, #3A0006, #070100)
• Deep Chestnut color palette (#F0E0D0, #745B00, #222F2E, #201000, #050200)
• Garnet Parlor color palette (#FBE9E4, #AF585D, #444100, #620018, #040400)
• Frosted Plum color palette (#ECE2F0, #B4AA00, #AF2F5F, #5B2235, #050107)
• Taupe Boulevard color palette (#F4EEDE, #B7965F, #4A4400, #262200, #0E1204)

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