Onyx Harbor color palette — #FCDCD5 · #7B5E32 · #2F4508 · #251043 · #230011
A conversation between Deep Indigo and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FCDCD5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Coffee (#7B5E32): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Deep Olive (#2F4508): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Indigo (#251043): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#230011): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Creativity, Balance. 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
- Onyx Drift color palette (#F9E1E8, #88553E, #483808, #03194D, #180031)
- Timeworn Corridor color palette (#E8E4D6, #536D3E, #0F4D40, #380E2A, #25000F)
- Inked Fern Balcony color palette (#F1E7CF, #4A6820, #00351B, #310016, #030800)
- Hazy Bronze Market color palette (#FEE0F4, #A87E3B, #5D723C, #4C3D76, #20092A)
- Worn Forest color palette (#DCE5C9, #5E8257, #0E5F40, #003341, #001423)
- Midnight Aubergine color palette (#DCE2CD, #3A4500, #3E0083, #360053, #010200)
- Twilit Spruce Lantern color palette (#C3E9D9, #2F6157, #083E1D, #00191E, #000305)
- Cellar Nightshade color palette (#E6E4CF, #465A00, #2F239A, #1B2500, #040021)
Browse the whole catalog at Explore, or see today's palette.