Petrol Loft color palette — #D4EEF9 · #00727E · #0E2640 · #000F16 · #000303

Teal takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D4EEF9): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00727E): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0E2640): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000F16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000303): a grounded near-black with real depth.

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

Use it as a design system

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

• Moonless Grove color palette (#DBE4EF, #2863B2, #21213D, #000C21, #000305)
• Shadow Abyss Courtyard color palette (#DFEEF6, #004C5D, #1A181E, #040A2B, #000103)
• Cerulean Garden color palette (#DEF1E2, #00919F, #214167, #15261A, #0B0F08)
• Frosted Study color palette (#E0EAFF, #6675C1, #AB510C, #715000, #07122C)
• Weathered Fern color palette (#FFECF3, #84AA95, #506F3D, #005152, #022314)
• Cobalt Delta color palette (#F7EFF2, #AECBE5, #6377BE, #005B5B, #25173C)
• Deep Navy Canyon color palette (#D9E4FA, #413633, #1C007F, #220D1D, #060007)
• Navy Hollow color palette (#CBF5F1, #08A2B2, #0072AC, #003B83, #201745)

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