Onyx Harbor color palette — #FDEBDC · #957E47 · #4B5F28 · #003F5C · #1A1F53

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

The five colors

• Cream (#FDEBDC): A whisper-light, dusty gold — the color of old brass.
• Mocha (#957E47): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#4B5F28): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003F5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#1A1F53): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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 Chestnut Alley color palette (#F5E4E5, #A47F6B, #764C00, #004644, #003243)
• Fern Market color palette (#ECDBE2, #A47453, #465508, #3B2152, #240614)
• Washed Olive color palette (#EDDADE, #C08655, #60770A, #5C407B, #292949)
• Onyx Studio color palette (#E9EFCB, #4C704D, #004D3E, #241046, #240027)
• Ancient Dune color palette (#FDE9D9, #C6A255, #7B8D54, #326A8C, #1E2347)
• Washed Garden color palette (#F1E8D0, #92A355, #3C7A50, #334398, #4A2D6B)
• Washed Nightshade color palette (#EADFC2, #777000, #5440B6, #3F3B00, #1B0052)
• Worn Bronze color palette (#F3EADE, #957200, #544800, #2E2D00, #001E0E)

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