Petrol Studio color palette — #D4EBE1 · #007BA8 · #1F3831 · #12231C · #050E0E

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

The five colors

• Honeydew (#D4EBE1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#007BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#1F3831): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#12231C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#050E0E): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. 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

• Cobalt Corridor color palette (#EDDFEF, #2874BC, #3E2B3B, #261A28, #091314)
• Wandering Cerulean color palette (#DAE7F0, #439AC1, #3F4E66, #1D303D, #0D1B1F)
• Ancient Workshop color palette (#D6E7F4, #28B8F7, #547391, #3A4C5A, #13191D)
• Shadow Lagoon color palette (#E2EFFF, #0058AE, #111B41, #000C23, #000204)
• Navy Hollow color palette (#C9E9DF, #003C62, #261C23, #00071C, #000201)
• Eclipse Grape Quarry color palette (#F5E5ED, #6B40DE, #312147, #290C1E, #110506)
• Softworn Orchard color palette (#FFF0FB, #7183CF, #A1638F, #007782, #463040)
• Charred Aubergine color palette (#FADFF1, #37322D, #230087, #160502, #050017)

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