Onyx Harbor color palette — #FFF0F8 · #D5E0FF · #FFBDB2 · #4A1610 · #1F0E1C

Espresso and Rose Quartz set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Frost (#D5E0FF): A whisper-light, dusty violet — the color of wild irises.
• Rose Quartz (#FFBDB2): A whisper-light, dusty orange — the color of toasted spice.
• Espresso (#4A1610): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1F0E1C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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

• Dusty Honey Summit color palette (#FFF1F5, #D6E0FF, #FFC55A, #402B00, #030E05)
• Quiet Amber color palette (#E4EAFF, #00CBB0, #E18700, #361322, #14040A)
• Marigold Bloom color palette (#EEEEFF, #00E4CC, #FFA746, #6F4619, #2C1D0E)
• Worn Straw Corridor color palette (#FFF1F5, #F3D777, #955C00, #432700, #120207)
• Weathered Garden color palette (#FFF0FA, #D6FF9D, #E6D4D6, #344E47, #1F2B28)
• Softworn Coral Study color palette (#EDEEFF, #36E4FB, #EB6851, #38342E, #301C12)
• Timeworn Marigold color palette (#E2DEF1, #A7C2FF, #F59B1A, #211000, #0A0003)
• Pale Studio color palette (#FFD6DA, #FFADE2, #CDBF00, #211E00, #000804)

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