Onyx Harbor color palette — #FCEBCC · #423700 · #002337 · #170028 · #040000
Ink and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FCEBCC): A whisper-light, dusty gold — the color of old brass.
- Deep Olive (#423700): A deep, shadowed, dusty green — the color of new leaves after rain.
- Midnight (#002337): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#170028): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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
- Spruce Archive color palette (#D2F7F0, #173F00, #002A1D, #160028, #030200)
- Lowlit Cocoa color palette (#F8E6D9, #662800, #002D27, #000E2B, #040002)
- Eclipse Navy color palette (#E8E6D1, #2D4000, #13007D, #25001F, #030100)
- Midnight Orchard color palette (#E1F4D7, #006047, #00443E, #000E3A, #030100)
- Eclipse Spruce color palette (#E4E6C9, #4F5A5D, #1B4100, #152021, #000904)
- Obsidian Fern color palette (#ECE9CC, #566B00, #0D4904, #001E10, #000302)
- Worn Studio color palette (#E8E4D5, #A2A18E, #78833D, #3A3800, #060400)
- Onyx Archive color palette (#DFEFE4, #645600, #00405E, #33004F, #080000)
Browse the whole catalog at Explore, or see today's palette.