Midnight Petrol color palette — #D9F2DF · #007682 · #002E4A · #001D20 · #010D07
Teal and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D9F2DF): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007682): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002E4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001D20): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#010D07): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Velvet Denim color palette (#DBF6E5, #005F72, #2C3038, #001A39, #000B10)
- Smoked Pine Lantern color palette (#E8F0DA, #007D4E, #003232, #001E10, #000804)
- Worn Market color palette (#E0F0F6, #00B5C7, #476B88, #284752, #021518)
- Muted Market color palette (#EAE1EC, #3674B2, #412A37, #271929, #091615)
- Cerulean Boulevard color palette (#DAF1E0, #0097A9, #004D61, #092F18, #09150A)
- Inked Ultramarine Thicket color palette (#F4E3EF, #393DD5, #2B0E3E, #05062C, #000A07)
- Navy Archive color palette (#EBD7E9, #002D8C, #081116, #0D0021, #00010B)
- Faded Cornflower color palette (#FEE0FE, #3B91FF, #924A00, #5B600A, #0C2F5C)
Browse the whole catalog at Explore, or see today's palette.