Smoked Navy color palette — #D8ECFF · #003E6A · #4A2700 · #211F00 · #000104

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

The five colors

• Frost (#D8ECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#003E6A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#4A2700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#211F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Smoked 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

• Shadow Market color palette (#C4EAEC, #004448, #61001B, #311600, #000202)
• Nightshade Corridor color palette (#E2E7F9, #2A1E99, #3E2F00, #06250D, #01000A)
• Nocturne Aubergine color palette (#D6E2EC, #00436B, #4C006F, #002B24, #000205)
• Muted Denim Canyon color palette (#CFE4FA, #005A9C, #703F00, #3D3A00, #000206)
• Obsidian Study color palette (#F7E9FF, #6D0094, #304600, #003227, #030005)
• Dusty Market color palette (#DCF0FD, #7787D4, #884A85, #003236, #000017)
• Inked Fern Harbor color palette (#EEE6D5, #495A00, #312A00, #170B00, #000200)
• Deep Market color palette (#CFE1FF, #1659B9, #002D5F, #00081C, #000105)

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