Obsidian Navy Pier color palette — #D5E3F9 · #776800 · #080067 · #190D1A · #000017

Deep Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D5E3F9): A whisper-light, dusty blue — the color of deep harbor water.
• Olive (#776800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#080067): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#190D1A): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#000017): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Pine Atelier color palette (#E0E6FB, #017E1F, #200059, #220E1F, #030012)
• Shadow Terracotta color palette (#E5F1FF, #A94500, #001D42, #1A131D, #00030B)
• Navy Alley color palette (#EFDEEA, #B28600, #1A0084, #0D0204, #00000B)
• Gentle Study color palette (#F6E4F4, #908600, #002693, #000934, #050005)
• Dusty Meadow color palette (#E8EAF7, #A39BB1, #A16A6F, #43127A, #03030F)
• Midnight Pine Courtyard color palette (#EEE9FB, #288E4C, #490046, #130012, #020007)
• Weathered Cabin color palette (#F4EFFB, #96C18A, #754065, #2D1F3F, #0F0916)
• Washed Sapphire Summit color palette (#E5EEFB, #2A61C8, #611B00, #001F6C, #040000)

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