Midnight Onyx Coast color palette — #F0D7E7 · #775021 · #4F1500 · #27000C · #050300
A conversation between Espresso and Coffee, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#F0D7E7): A whisper-light, dusty pink — the color of peonies in June.
- Coffee (#775021): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#4F1500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#27000C): A deep, shadowed, dusty red — the color of a theater curtain.
- Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.
Use it as a design system
One click turns Midnight Onyx Coast 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 Courtyard color palette (#D9EFDA, #615C00, #3C2700, #230700, #010500)
- Washed Cocoa Hollow color palette (#FDE5F3, #9B5E2D, #762800, #4B0007, #070300)
- Lowlit Coast color palette (#D7EEF0, #9C3A20, #2E2C35, #001A12, #000302)
- Cocoa Grove color palette (#D7E6DA, #757B44, #594100, #421B00, #021D01)
- Misty Byzantium color palette (#FFE9EC, #B700CA, #616B00, #070F07, #000201)
- Navy Bloom color palette (#C9E8EF, #00413C, #002268, #2B0100, #000202)
- Garnet Garden color palette (#FFE6EF, #9B8647, #7D4600, #6A0908, #212800)
- Lowlit Cypress Studio color palette (#D8E6D7, #00695C, #00323A, #000E1F, #040014)
Browse the whole catalog at Explore, or see today's palette.