Midnight Abyss color palette — #CDF5F9 · #005A46 · #523500 · #00251B · #020100
A conversation between Pine and Cocoa, giving this palette its sense of optimism and calm.
The five colors
- Frost (#CDF5F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Pine (#005A46): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#523500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Onyx (#00251B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
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
- Fern Cabin color palette (#D5F2FE, #366700, #383034, #00181B, #000102)
- Navy Corridor color palette (#DBF0EC, #00463E, #003359, #222600, #000201)
- Twilit Veranda color palette (#D6EFED, #00726C, #00312F, #000C0B, #000201)
- Garnet Veranda color palette (#DFE9D8, #00604C, #75003A, #00271E, #130005)
- Washed Thicket color palette (#E4F0FA, #00638A, #1F5800, #002E43, #010400)
- Soft Mulberry Market color palette (#CAE5E9, #007D6B, #970066, #00332B, #040002)
- Washed Cerulean color palette (#DAEEED, #34A1AA, #00708A, #00372C, #000405)
- Charred Study color palette (#D0ECFE, #00546F, #630068, #002230, #030004)
Browse the whole catalog at Explore, or see today's palette.