Twilit Navy Bloom color palette — #DDE6F1 · #003E7B · #4A000F · #00190D · #000105

Navy and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DDE6F1): a clean, paper-quiet neutral.
• Navy (#003E7B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#4A000F): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#00190D): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Twilit Onyx Harbor color palette (#D0EBFA, #004555, #3D003B, #151500, #000102)
• Nightshade Chapel color palette (#E5EEFF, #2600B1, #4C1100, #00140F, #00000B)
• Inked Lagoon color palette (#D7F8F5, #005798, #4F0053, #001A07, #01000E)
• Aubergine Boulevard color palette (#E6E9FF, #4D0095, #380057, #191300, #000106)
• Driftwood Alley color palette (#F5EFFD, #A96190, #645C00, #004476, #181220)
• Ultramarine Harbor color palette (#F7DAF1, #222EE0, #662200, #171D00, #000102)
• Twilit Basin color palette (#D4EAF7, #454FD8, #560081, #310024, #090000)
• Mulberry Workshop color palette (#F2E4F8, #95004F, #463100, #002028, #040001)

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