Petrol Studio color palette — #D0E3E8 · #3AA3D4 · #2A69A8 · #543661 · #3F0A3A

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

The five colors

• Silver (#D0E3E8): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#3AA3D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#2A69A8): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#543661): A deep, shadowed, dusty pink — the color of a candy shop window.
• Deep Indigo (#3F0A3A): A deep, shadowed, balanced pink — the color of neon signs at night.

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

• Navy Pier color palette (#DCF0EB, #51A3A2, #337989, #353A6C, #251941)
• Softworn Market color palette (#E6DBE7, #8594BE, #615B83, #55322F, #3B1019)
• Soft Raspberry Delta color palette (#CAEDDF, #0091CA, #B230A5, #005375, #2B0027)
• Worn Onyx color palette (#D7E3F0, #C3A1BE, #7A7CA9, #6C3E57, #4E1528)
• Soft Cerulean Atelier color palette (#BBE7F0, #0095B6, #006481, #003F5B, #001A2C)
• Pale Mulberry Orchard color palette (#D3EEFA, #6DB4E5, #5787D2, #7F3F84, #692350)
• Azure Workshop color palette (#D9ECFF, #27A2FC, #0066A4, #002F51, #000815)
• Aged Basalt color palette (#DBE0FF, #8278A4, #603F6E, #4C1C1F, #210400)

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