Petrol Workshop color palette — #F9ECD8 · #58C3F8 · #006AB2 · #003D44 · #000112

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9ECD8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#58C3F8): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006AB2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000112): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Petrol Workshop 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

• Weathered Aqua color palette (#F9ECD8, #01CFD9, #007388, #003F34, #000306)
• Weathered Parlor color palette (#FCF4E7, #78E0DA, #008A96, #00543B, #000F15)
• Ancient Navy Villa color palette (#E6DAE0, #5492B3, #00478F, #002B2C, #03001C)
• Tempered Cobalt color palette (#F2E3D8, #71BAE0, #3A84DA, #006D6E, #0D0344)
• Worn Periwinkle Market color palette (#FAF4EC, #D9D5E0, #7CA9E0, #097C8F, #212C4E)
• Linen Pier color palette (#FFE1E7, #BD0059, #4B6200, #004671, #040001)
• Hazy Cabin color palette (#FFDEDA, #E10080, #00795F, #70003D, #000201)
• Bronze Workshop color palette (#EBDBCC, #AE7B00, #704000, #3B1400, #020100)

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