Petrol Workshop color palette — #F0E5ED · #7CC0C9 · #0074A2 · #004E30 · #03113C

Built around Slate, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Blush (#F0E5ED): bright and airy, almost weightless.
• Ash (#7CC0C9): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Indigo (#03113C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.

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

• Patina Cobalt Drift color palette (#FAEEF5, #A5CEE4, #4C80AF, #005D49, #181D3E)
• Hushed Denim color palette (#F3E4EB, #62A6C6, #1955A8, #003A33, #0C002C)
• Hushed Cypress color palette (#F6EFF4, #D4D2E6, #7FA0BE, #407863, #2C364A)
• Softworn Spruce Orchard color palette (#F2E7F3, #509894, #005264, #022E04, #00040D)
• Navy Pier color palette (#EADEE5, #448199, #003B74, #00201A, #01000A)
• Misty Balcony color palette (#FFE6DD, #B34100, #006A7D, #224A6D, #190400)
• Soft Rust Courtyard color palette (#FFE4F3, #C95919, #007A7D, #752D00, #001617)
• Worn Mulberry color palette (#FFE2FB, #E8BF92, #8FAB73, #794268, #2C0E21)

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