Twilit Navy color palette — #D6ECF6 · #00606C · #00177C · #100018 · #000201

Navy takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D6ECF6): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00606C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00177C): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#100018): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Smoked Archive color palette (#E3F0E3, #004647, #002038, #0D0024, #000300)
• Washed Denim Orchard color palette (#D5E5E3, #72AAC7, #005A87, #002A34, #000104)
• Velvet Alley color palette (#E1ECD7, #004734, #1E251C, #220057, #130300)
• Patina Onyx color palette (#CAE5F8, #5D7CA3, #414F81, #3D0333, #050002)
• Ultramarine Courtyard color palette (#D5E1F4, #1C45BF, #440059, #170005, #000102)
• Muted Teal color palette (#C3E6F1, #00C5A8, #009090, #006379, #000102)
• Feathered Lapis Lagoon color palette (#CBE8E5, #00893D, #3823E3, #631800, #030200)
• Tempered Olive Drift color palette (#D3ECDD, #7C8032, #354200, #062200, #010100)

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