Velvet Navy color palette — #DDEDFF · #004A94 · #583000 · #001D41 · #030100

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

The five colors

• Frost (#DDEDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Indigo (#004A94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#583000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Midnight (#001D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

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

• Obsidian Nightshade color palette (#D7DFEC, #1E3FA8, #4B3900, #030068, #020100)
• Moonless Garnet color palette (#D2E7F3, #00556B, #730700, #00222D, #040000)
• Inked Navy Chapel color palette (#E1EAF5, #003C70, #422D00, #1E1F00, #000104)
• Frosted Cobalt Quarry color palette (#C6EAE0, #006EBA, #764900, #002C50, #020100)
• Moonless Denim color palette (#E1F8DA, #676100, #00529A, #0B0B15, #000104)
• Sunlit Mulberry color palette (#DAEFFF, #7A7CC0, #9B3A71, #003637, #010016)
• Pale Coast color palette (#E6F0FD, #387EDC, #736E00, #004390, #141300)
• Nightshade Coast color palette (#E2E9FB, #8985D9, #8C7C1B, #4F469B, #221C00)

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