Midnight Abyss color palette — #DFEFF8 · #004560 · #442F00 · #1F2100 · #000204

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

The five colors

• Frost (#DFEFF8): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#004560): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#442F00): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#1F2100): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000204): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged dark, muted.

Use it as a design system

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

• Inked Garnet Courtyard color palette (#D3EAE9, #004948, #66000E, #351600, #000202)
• Deep Bloom color palette (#E0F0FF, #003E68, #4B0067, #002A24, #000104)
• Navy Villa color palette (#CFDFFB, #00319B, #313800, #06260D, #00010B)
• Wandering Denim Dune color palette (#E5EFFF, #0064AE, #00255C, #2B1A22, #000A17)
• Antique Plum color palette (#D0ECF8, #868BDB, #954B8B, #003C3B, #000B1B)
• Aubergine Bloom color palette (#ECE4F3, #6E00A1, #224C00, #003425, #0F001B)
• Smoked Fern Parlor color palette (#EBE1BE, #4F6200, #362A00, #1E0B00, #000501)
• Muted Aubergine Lantern color palette (#D7EAFB, #005C97, #6F1894, #00483F, #000205)

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