Petrol Studio color palette — #FBE6F3 · #54AFCD · #006BA9 · #004B45 · #030C3C

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

The five colors

• Blush (#FBE6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#54AFCD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006BA9): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#030C3C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Soft Cobalt color palette (#F9E5ED, #8AB8D7, #4773BE, #00585E, #1B134C)
• Patina Teal color palette (#F2E0EB, #4DB5AF, #007384, #004D28, #001623)
• Washed Petrol color palette (#F6ECE6, #79C3DC, #006DA9, #003E39, #000016)
• Ancient Study color palette (#E9ECDC, #569AB0, #00516C, #002F35, #001624)
• Pale Cerulean Drift color palette (#D1E7E5, #5DBEE0, #008FC0, #006B78, #001625)
• Azure Hollow color palette (#FCF2F7, #B4DAF3, #619AD3, #007C79, #2B3A58)
• Dusty Meadow color palette (#FDDAEE, #C34D00, #007095, #742B00, #00121B)
• Aged Terracotta Alley color palette (#FFE6D9, #A34600, #00657D, #004E7E, #120300)

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