Midnight Abyss color palette — #D7F1E5 · #004561 · #252500 · #1D1C22 · #000902

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

The five colors

• Honeydew (#D7F1E5): A whisper-light, dusty teal — the color of sea glass.
• Navy (#004561): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#252500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1D1C22): quiet, heavy and certain.
• Ink (#000902): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, 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

• Moonless Denim color palette (#D1F8EC, #005997, #273700, #00170E, #000102)
• Inked Alley color palette (#D3F0FD, #003841, #350200, #000C01, #000102)
• Shadow Meadow color palette (#DFE3D4, #004D20, #4D0200, #0C1715, #0A0400)
• Periwinkle Market color palette (#FEF1FA, #8DA5EF, #579565, #006261, #002018)
• Nocturne Aubergine Veranda color palette (#ECEAF9, #560063, #1B1E26, #3B0800, #0D0600)
• Sapphire Harbor color palette (#FFF0FF, #006FD5, #275400, #00251F, #000102)
• Powdered Parlor color palette (#E3FCF3, #1B9CEA, #627D0D, #005439, #000D04)
• Feathered Indigo color palette (#FFF0FC, #526FFF, #00702B, #004542, #00070D)

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