Midnight Abyss color palette — #E2F3F2 · #004821 · #002133 · #120016 · #030000
A conversation between Forest and Ink, giving this palette its sense of nature and growth.
The five colors
- Cream (#E2F3F2): a clean, paper-quiet neutral.
- Forest (#004821): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#002133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#120016): A deep, shadowed, dusty pink — the color of a candy shop window.
- Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. 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
- Velvet Navy color palette (#D5F1F6, #00463F, #0A0066, #160009, #020100)
- Charred Spruce color palette (#D9F4F5, #003323, #262329, #0D1519, #000303)
- Basalt Balcony color palette (#F2E1C8, #503800, #253430, #002135, #170300)
- Antique Lagoon Thicket color palette (#D5E2D8, #358688, #00444E, #002018, #000203)
- Forest Hollow color palette (#CFF1E3, #006354, #003232, #001113, #000203)
- Midnight Onyx color palette (#DAE8DC, #1C6459, #003D49, #320030, #0C0001)
- Moss Thicket color palette (#D2F6F6, #738B00, #006F4A, #004447, #000201)
- Aubergine Harbor color palette (#DFEFF8, #005263, #420058, #1F0900, #000200)
Browse the whole catalog at Explore, or see today's palette.