Petrol Studio color palette — #FFEEE5 · #7BCBCC · #007F98 · #005435 · #001C2E

Cerulean and Deep Olive set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Aqua (#7BCBCC): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#007F98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005435): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#001C2E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Patina Petrol color palette (#F6F7E4, #75C8C9, #007D87, #00574E, #003A44)
• Cobalt Grove color palette (#FFEEE3, #77C8E7, #0076BF, #00524D, #060755)
• Cerulean Orchard color palette (#FEF1FA, #91DADB, #009CBC, #00764E, #003755)
• Softworn Market color palette (#EDDAD1, #83A788, #00627B, #003B29, #000C19)
• Wandering Chapel color palette (#ECDCD3, #2B859C, #004062, #00201C, #00010A)
• Timeworn Harbor color palette (#F8F0EC, #C8E5E0, #74A4BB, #3B7866, #402F42)
• Tempered Workshop color palette (#DCFDD3, #89DEC8, #0DC0F6, #6A6000, #002216)
• Faded Moss color palette (#F3ECD5, #7F8F00, #406A00, #004122, #00251D)

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