Onyx Harbor color palette — #FBE4EC · #007B55 · #2B004C · #160902 · #05000E

Built around Deep Indigo, softened by Teal — the whole palette hums with creativity and sophistication.

The five colors

• Rose Water (#FBE4EC): A whisper-light, dusty rose — the color of pressed rose petals.
• Teal (#007B55): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#2B004C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#160902): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#05000E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged luxury, 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

• Smoked Olive Alley color palette (#F8DFE0, #2B7C00, #3A002D, #181004, #090005)
• Lowlit Navy Delta color palette (#EDDDE9, #6A6D00, #0F0064, #0F0301, #010016)
• Timeworn Aubergine Parlor color palette (#E4E8FC, #009C5E, #441082, #150032, #010109)
• Olive Study color palette (#F5E2D8, #7F7D00, #500E00, #111710, #160100)
• Patina Garnet Corridor color palette (#F9E8E4, #7E9943, #6D002A, #2A000B, #060000)
• Hushed Onyx color palette (#ECE6FF, #B28600, #4B004A, #1B070E, #030003)
• Softworn Boulevard color palette (#ECE2E1, #B19B90, #9F7137, #660039, #0B0202)
• Twilit Aubergine Study color palette (#FAE6EE, #59009D, #303C00, #001F30, #020007)

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