Midnight Petrol Station color palette — #D1EEF1 · #00748C · #004258 · #001323 · #000106

Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#D1EEF1): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004258): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001323): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

Use it as a design system

One click turns Midnight Petrol Station 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

• Timeworn Terrace color palette (#D1F4DE, #00886C, #004741, #001C1C, #000102)
• Twilit Studio color palette (#C8ECE5, #005C66, #003448, #000843, #010009)
• Weathered Navy Bloom color palette (#C6EDE7, #008696, #006B89, #00417D, #060021)
• Wandering Hollow color palette (#E2EFFF, #4581CB, #004274, #00081A, #000104)
• Muted Petrol Meadow color palette (#E0F1FF, #0073A6, #7B4600, #002F47, #030100)
• Hushed Iris Chapel color palette (#C6E2FF, #A6BAF1, #9976C4, #005267, #00000A)
• Dusty Ridge color palette (#DAE5EF, #00598E, #84003B, #283800, #000103)
• Inked Lantern color palette (#D3EEDD, #757825, #473B00, #1B1000, #010100)

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