Petrol Studio color palette — #F8E9DE · #6EABC7 · #0068B6 · #004A49 · #090740

Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8E9DE): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#6EABC7): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#0068B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#090740): 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

• Timeworn Station color palette (#F6E2D8, #4EB3B9, #00718D, #004C35, #001527)
• Washed Cobalt Harbor color palette (#E8E1D8, #85B7E2, #5571B9, #005862, #210E4E)
• Petrol Thicket color palette (#FBE8F1, #76C2E4, #0069B5, #003E3C, #010015)
• Denim Atelier color palette (#DDF0EE, #6298B0, #005073, #002E37, #001527)
• Wandering Cobalt Study color palette (#F6ECE6, #A5D0BA, #408CC9, #006C66, #1C2B55)
• Antique Coral Archive color palette (#EFECFF, #C999C9, #D7717F, #2E5AA1, #23072B)
• Soft Azure color palette (#FFF2EC, #A3E8F6, #30A7DF, #00856F, #1F406B)
• Feathered Grape Station color palette (#E1DDEB, #7B39CA, #5B6100, #00532F, #0C001E)

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