Onyx Harbor color palette — #FEDCCE · #54755B · #264500 · #270052 · #270018

Deep Indigo and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FEDCCE): A whisper-light, dusty orange — the color of autumn markets.
• Pewter (#54755B): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#264500): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#270052): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#270018): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, 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

• Washed Onyx Atelier color palette (#F8E4CC, #4C7A67, #004E3A, #3A0038, #2A0001)
• Antique Basalt Bloom color palette (#FDEAE6, #7D5C3F, #3C4500, #1D1846, #220026)
• Pine Bloom color palette (#D0EFD8, #097833, #003721, #171E26, #000C04)
• Hushed Forest color palette (#D9E9E4, #5A8358, #006544, #003B4D, #001323)
• Charred Aubergine color palette (#CBECE6, #2F7017, #530058, #082800, #0F0011)
• Aged Moss color palette (#F7EBDB, #80903D, #397967, #54436C, #1C0A2F)
• Shadow Aubergine color palette (#CFF5F7, #004B37, #32008E, #470027, #000201)
• Weathered Basalt color palette (#F8EDCE, #628F85, #1F6A62, #562137, #471800)

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