Onyx Harbor color palette — #FFE9F0 · #9B6B54 · #5B521E · #06254D · #020006
A conversation between Midnight and Coffee, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE9F0): A whisper-light, dusty rose — the color of a warm blush.
- Walnut (#9B6B54): A full-bodied, dusty orange — the color of sun-warmed clay.
- Coffee (#5B521E): A full-bodied, dusty green — the color of fresh herbs.
- Midnight (#06254D): A deep, shadowed, balanced blue — the color of open sky before noon.
- Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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
- Tempered Cocoa color palette (#E8DFFF, #A96F74, #653D00, #002633, #030018)
- Bronze Balcony color palette (#F7DEE0, #A25600, #384214, #081744, #1C051A)
- Washed Onyx color palette (#F4DED2, #638A70, #34612D, #350C4B, #0A0003)
- Bronze Harbor color palette (#FFEAE4, #9A5A00, #583E00, #1D1700, #010100)
- Wandering Bronze Station color palette (#E6E5C9, #8C7D00, #4E4300, #192423, #080700)
- Nightshade Field color palette (#E6F2E8, #886400, #413ABF, #392800, #01000A)
- Olive Terrace color palette (#FCE4CC, #98804D, #786E00, #025942, #001412)
- Hushed Aubergine Balcony color palette (#DDECE3, #5F5600, #004193, #360084, #010100)
Browse the whole catalog at Explore, or see today's palette.