Onyx Harbor color palette — #F2E2D4 · #767247 · #1E4B2E · #3D0C3F · #190004

A conversation between Deep Indigo and Forest, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F2E2D4): A whisper-light, dusty gold — the color of old brass.
• Walnut (#767247): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#1E4B2E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#3D0C3F): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#190004): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Hushed Onyx color palette (#FDD3CC, #866944, #3F4C0F, #22025C, #13000F)
• Inked Cypress color palette (#E8E9D1, #396E4D, #003C41, #2D000E, #070100)
• Hushed Drift color palette (#F3E5D6, #776800, #2B3D00, #2D1900, #040300)
• Hushed Pine Delta color palette (#E3F3E2, #33815B, #005950, #002E4E, #1A1133)
• Dusty Terrace color palette (#DAEDD2, #588D7E, #1A5A6E, #511600, #1B1000)
• Wandering Emerald Chapel color palette (#F6EFE0, #6E9456, #007762, #562543, #300A1B)
• Hushed Onyx color palette (#DCEDDB, #63A59D, #457464, #623526, #3E0D00)
• Aubergine Loft color palette (#CCEBE3, #005649, #67006B, #5B0028, #000201)

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