Petrol Studio color palette — #E2E3CF · #0066B5 · #00736D · #061012 · #000203

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

The five colors

• Parchment (#E2E3CF): A whisper-light, dusty green — the color of new leaves after rain.
• Cobalt (#0066B5): A full-bodied, balanced blue — the color of open sky before noon.
• Teal (#00736D): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#061012): a grounded near-black with real depth.
• Black (#000203): quiet, heavy and certain.

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

• Muted Garden color palette (#F6E5F0, #4E57FF, #006E8B, #090F16, #000204)
• Petrol Dune color palette (#D8E7EF, #0069A0, #00325C, #00092E, #010012)
• Muted Pine Garden color palette (#F8E6CB, #00848C, #007835, #020F0C, #000202)
• Tempered Harbor color palette (#D8E1E6, #8E9CA6, #57748D, #00303D, #000B13)
• Orchid Coast color palette (#FCE8F0, #B65EFF, #008AC5, #121727, #000710)
• Grape Courtyard color palette (#FFE4E5, #8900BD, #006147, #040C0D, #000202)
• Soft Magenta color palette (#F8DED9, #C700C4, #008453, #021110, #010200)
• Hazy Magenta Bloom color palette (#FDE4E3, #D600CD, #0365F2, #0E081F, #000207)

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