Obsidian Navy Pier color palette — #F8DFF1 · #9A7300 · #170178 · #04002D · #070005

Deep Indigo and Ochre set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F8DFF1): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9A7300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Indigo (#170178): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#04002D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#070005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged luxury, dark.

Use it as a design system

One click turns Obsidian Navy Pier 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

• Inked Coast color palette (#EADBE2, #896600, #250050, #060017, #040100)
• Faded Moss color palette (#E8F0FF, #A69300, #2C3D87, #0A104A, #000110)
• Timeworn Bronze Boulevard color palette (#DBF6EC, #9A7300, #3C333B, #002A42, #000A15)
• Aubergine Hollow color palette (#F8DCE5, #B88A00, #520780, #280042, #210310)
• Tempered Lapis color palette (#DCE4F2, #E28696, #4E5AC1, #272883, #010014)
• Ancient Garnet color palette (#EFD8D6, #B08400, #62063F, #2D021B, #120400)
• Airy Grape color palette (#F1E1EB, #4719D2, #613800, #153100, #0A0826)
• Mulberry Meadow color palette (#FFF1F2, #CB9900, #791663, #3E1433, #2A1315)

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