Onyx Harbor color palette — #F6DCCD · #785616 · #2B2E00 · #21003C · #0A0500

Deep Indigo takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6DCCD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coffee (#785616): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#2B2E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#21003C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0A0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged botanical, earthy, muted, dark.

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

• Eclipse Lantern color palette (#F6EAD4, #4B681E, #003421, #2F001C, #030700)
• Smoked Aubergine Hollow color palette (#EFDBE4, #5935A0, #2E4700, #280058, #030700)
• Patina Bronze color palette (#EFE3D4, #857500, #414B00, #00313D, #080600)
• Frosted Chapel color palette (#FFE9F2, #BE7398, #B0411F, #003258, #18001F)
• Patina Balcony color palette (#F8EEE0, #75813D, #005327, #53093A, #191D00)
• Weathered Navy color palette (#F1E6DD, #5B8C7B, #162E8F, #002221, #0D0024)
• Twilit Aubergine color palette (#ECD6EC, #68006E, #373600, #0F2509, #050005)
• Worn Amber Workshop color palette (#F1DAE7, #AB8100, #5B6A00, #4C3F6B, #090500)

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