Twilit Navy color palette — #DBF2FB · #0070A7 · #002E8E · #130048 · #03000A

Built around Indigo, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#DBF2FB): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#0070A7): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#002E8E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#130048): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#03000A): A deep, shadowed, dusty violet — the color of wild irises.

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

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 Petrol Basin color palette (#CAF8FC, #007490, #003F64, #001234, #01000D)
• Aubergine Atelier color palette (#CEEEE8, #0095B2, #005594, #2C005D, #030003)
• Faded Ultramarine color palette (#D8E7ED, #158CCF, #0043C7, #210082, #0E0021)
• Velvet Aubergine Summit color palette (#F5EDE0, #005C83, #22008A, #260A00, #000206)
• Worn Aubergine color palette (#EEDFEE, #0099B6, #006EBF, #4C14A2, #000010)
• Onyx Lagoon color palette (#CFF6E9, #004E7A, #490046, #1D0A00, #000200)
• Charred Aubergine color palette (#DDE7FE, #6E4DC4, #530083, #260025, #060003)
• Timeworn Aubergine Workshop color palette (#CDE8FF, #5C6794, #4E3063, #341900, #0F0C00)

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