Petrol Studio color palette — #C9EBEB · #5B98B4 · #4866A0 · #662D34 · #2C1705

A conversation between Slate and Oxblood, giving this palette its sense of trust and stability.

The five colors

• Frost (#C9EBEB): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#5B98B4): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4866A0): A full-bodied, balanced violet — the color of a velvet chair.
• Oxblood (#662D34): A deep, shadowed, balanced red — the color of a theater curtain.
• Onyx (#2C1705): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Ancient Basalt color palette (#D9EADD, #5E998C, #2C7485, #573158, #361511)
• Cocoa Terrace color palette (#DCF2E2, #7FB1CF, #606C99, #703D37, #3C2918)
• Nightshade Pier color palette (#DBEEF4, #457DAE, #524A9A, #531A00, #1C0E00)
• Weathered Pewter Veranda color palette (#D1F7EC, #A17D97, #755585, #56350B, #231F00)
• Ancient Lantern color palette (#DFFFE2, #7DCED9, #7289CC, #5C5751, #432806)
• Cobalt Thicket color palette (#E0F4EE, #0085D2, #985A00, #004A78, #1E0D00)
• Worn Cerulean color palette (#C6ECF3, #0091B4, #005980, #003863, #031038)
• Chestnut Courtyard color palette (#DFF9EC, #C5A8C4, #987787, #80491B, #37332D)

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