Midnight Petrol color palette — #D3F5EA · #0071AF · #0E294E · #00150F · #000503
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D3F5EA): A whisper-light, dusty teal — the color of sea glass.
- Slate (#0071AF): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#0E294E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00150F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Midnight Petrol 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
- Cypress Dune color palette (#D3ECD3, #007B7B, #003037, #031504, #020401)
- Washed Cobalt color palette (#DAF5EB, #008FD1, #434064, #0A2D24, #09150B)
- Velvet Denim color palette (#F5E3F5, #0053A3, #0C163B, #0C010D, #000201)
- Midnight Pier color palette (#F1D6EF, #055CEA, #1F2451, #1A0819, #060207)
- Muted Indigo Veranda color palette (#FBE8F2, #725DD6, #412933, #1D1218, #090508)
- Hushed Delta color palette (#E4E0FF, #8A5AFF, #D10976, #006C89, #191132)
- Dusty Cerulean Delta color palette (#F1F3E6, #7FE0F6, #0091B2, #006165, #002939)
- Clover Field color palette (#F2F4E0, #54C176, #007F54, #1D574C, #022810)
Browse the whole catalog at Explore, or see today's palette.