Petrol Studio color palette — #E1EDE3 · #94B9CE · #0074A3 · #004B4C · #00162F

Slate and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E1EDE3): bright and airy, almost weightless.
• Ash (#94B9CE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#00162F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Cobalt Study color palette (#EEF3EF, #A9CDE6, #4A80B0, #005A63, #0A1E46)
• Denim Veranda color palette (#DAE7DD, #81A0BC, #26569D, #003844, #05012F)
• Tempered Cypress Terrace color palette (#EEF3EF, #D3DBEE, #77A2C3, #007A81, #27374C)
• Patina Navy color palette (#DEE9E0, #537E9A, #003B72, #001E24, #00000C)
• Pale Mulberry Chapel color palette (#CCEBDD, #6D7100, #00678C, #8A0056, #0B0C00)
• Soft Lapis Chapel color palette (#CFE7DB, #8B8202, #6B55C1, #4D4800, #14003B)
• Worn Fern Villa color palette (#CEE6D9, #828C5D, #5F5600, #402E00, #061200)
• Pale Jade color palette (#D3F8E7, #B1DAA5, #32B68F, #785E00, #0E1C00)

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