Twilit Abyss color palette — #D1E6F6 · #5F5456 · #003A58 · #22191F · #000614

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

The five colors

• Frost (#D1E6F6): A whisper-light, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5F5456): quiet, heavy and certain.
• Navy (#003A58): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#22191F): quiet, heavy and certain.
• Ink (#000614): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Twilit Abyss 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 Abyss Corridor color palette (#D4F3F1, #434047, #003F3D, #13141A, #00080A)
• Cobalt Courtyard color palette (#E3EEFE, #5281D5, #333B4D, #181F28, #090D11)
• Ancient Cerulean color palette (#D2E3E0, #3799A8, #005263, #002C2C, #000509)
• Antique Atelier color palette (#EBE5FE, #A64AA6, #362B44, #17141F, #06060A)
• Shadow Denim Coast color palette (#CCE5FF, #005DA3, #292026, #06194B, #000816)
• Navy Garden color palette (#D8E9FD, #53649B, #45387B, #43112A, #1B0006)
• Aubergine Ridge color palette (#E0DEF7, #4E00BC, #730044, #003442, #010008)
• Pine Grove color palette (#D3F6EF, #1E7C35, #004225, #00251D, #000401)

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