Petrol Studio color palette — #DFF0FD · #00759E · #15235B · #00121F · #000407

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

The five colors

• Frost (#DFF0FD): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#15235B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#00121F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000407): quiet, heavy and certain.

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

Use it as a design system

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

• Cellar Cypress Field color palette (#D0EDF2, #007C71, #002F3C, #001317, #000504)
• Inked Denim Veranda color palette (#D6EAFD, #005A8C, #251D20, #14133C, #00060F)
• Weathered Indigo Courtyard color palette (#DEE7FA, #5E68D0, #2F2C4D, #0F1525, #03070B)
• Washed Azure color palette (#DAFFF0, #009DDC, #0C3E68, #001B12, #000201)
• Pale Cerulean color palette (#FBEDF7, #88E0EA, #0090B8, #00654B, #002645)
• Timeworn Indigo Pier color palette (#D7E5FF, #5672FE, #946E00, #676500, #0D1435)
• Velvet Nightshade Garden color palette (#DBE5F5, #0619C2, #16002D, #070910, #000106)
• Frosted Sapphire Harbor color palette (#C0EAF9, #05A0EF, #075DED, #3D26AE, #2C1446)

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