Obsidian Navy color palette — #F3DCF1 · #003C97 · #4E2D00 · #2C1700 · #000314

A conversation between Indigo and Espresso, giving this palette its sense of trust and stability.

The five colors

• Blush (#F3DCF1): A whisper-light, dusty pink — the color of a candy shop window.
• Indigo (#003C97): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#4E2D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#2C1700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000314): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Charred Denim Canyon color palette (#D7EBF8, #00496B, #413500, #231C00, #000103)
• Smoked Aubergine Summit color palette (#FDE4F1, #4700B1, #383900, #1E1E00, #05001A)
• Weathered Ultramarine color palette (#E1EDFF, #0059C6, #714900, #4B2F00, #000413)
• Garnet Drift color palette (#CCE6D1, #004E55, #641400, #3A0800, #000607)
• Aged Loft color palette (#EBDCE5, #BEA0A9, #9E7275, #2D257E, #1C0E18)
• Deep Ultramarine Boulevard color palette (#E3F6DC, #3832DA, #53004F, #001F0A, #0F0029)
• Sapphire Balcony color palette (#FAD8F8, #005DDC, #635A00, #443E00, #061D44)
• Misty Cobalt Corridor color palette (#DDF0EB, #006BB8, #63002A, #00284A, #070000)

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