Velvet Navy color palette — #F2ECDB · #4A4500 · #003177 · #001944 · #010100

Navy and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2ECDB): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#4A4500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#003177): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001944): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. 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

• Midnight Garden color palette (#FCE9D2, #5C3C00, #003D4D, #00202B, #020100)
• Cellar Studio color palette (#ECF2E1, #005134, #003A58, #2D0042, #000201)
• Midnight Aubergine color palette (#F4E9CC, #4C4500, #580064, #320038, #010100)
• Bronze Harbor color palette (#E6DED0, #7E6400, #003F42, #342800, #000202)
• Nightshade Study color palette (#EDDBD4, #83001C, #040AA4, #27004C, #100001)
• Eclipse Olive color palette (#E9E3C1, #4F7100, #00411B, #001815, #000304)
• Soft Aubergine color palette (#D1EBE0, #606700, #005B79, #4B0079, #040500)
• Washed Aubergine color palette (#DCEADA, #855300, #6C2789, #4C0031, #020100)

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