Deep Petrol Drift color palette — #D4E7D8 · #007781 · #002E49 · #001D20 · #000D07

Teal and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D4E7D8): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007781): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002E49): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001D20): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000D07): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Deep Petrol Drift 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

• Smoked Villa color palette (#DBF6E9, #006D8E, #351B32, #00190F, #000604)
• Pine Studio color palette (#E2EAD4, #007D4B, #003232, #141B00, #040A02)
• Worn Turquoise color palette (#DCEBF1, #00B6C6, #436C8A, #2A4651, #061416)
• Timeworn Lantern color palette (#DBF2E1, #0097A8, #004D61, #0C2E19, #0B140B)
• Cobalt Coast color palette (#F9EEF5, #7576AC, #4D353A, #33232D, #1C1216)
• Navy Summit color palette (#F5E3F4, #003183, #091216, #0C0021, #00010A)
• Cobalt Study color palette (#DCEDFF, #0083DC, #A55E00, #825600, #0A3254)
• Inked Ultramarine Grove color palette (#F0DDEB, #352EE9, #2C0942, #050432, #000A07)

Browse the whole catalog at Explore, or see today's palette.