Onyx Harbor color palette — #F8DDE9 · #9B4E00 · #4A4800 · #40004B · #170003
A conversation between Royal Purple and Ochre, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F8DDE9): A whisper-light, dusty rose — the color of pressed rose petals.
- Ochre (#9B4E00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#4A4800): A deep, shadowed, balanced green — the color of fresh herbs.
- Royal Purple (#40004B): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#170003): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Timeworn Fern color palette (#D3EBD7, #816100, #205200, #4A002D, #130300)
- Chestnut Veranda color palette (#EBDAE0, #965200, #484900, #002F1D, #170003)
- Eclipse Onyx color palette (#F7DFEC, #783200, #00322F, #130042, #0F001A)
- Brick Grove color palette (#EEDAEC, #C0002E, #603C00, #202B00, #14000F)
- Chestnut Study color palette (#D5E5D6, #6D4C00, #303B33, #1F1800, #000401)
- Weathered Olive color palette (#E2F4ED, #5E6F00, #00523C, #002C35, #0F0500)
- Tangerine Lantern color palette (#F7EEE2, #F3830F, #B37B00, #786400, #140B00)
- Hushed Bronze Alley color palette (#ECE5CD, #8C7B00, #5A5700, #353800, #101700)
Browse the whole catalog at Explore, or see today's palette.