Petrol Workshop color palette — #F2E0D8 · #40B3C5 · #006E9F · #004D33 · #030A3F
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F2E0D8): A whisper-light, dusty orange — the color of toasted spice.
- Cyan (#40B3C5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D33): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Indigo (#030A3F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Hushed Cobalt color palette (#FBE8DB, #5EBFE4, #3776C0, #005A4D, #1C1645)
- Aged Chapel color palette (#F5EBF2, #7AC4D2, #007099, #003F33, #00020A)
- Washed Ultramarine Studio color palette (#F5E7DA, #479BD1, #334CB2, #003B3A, #0E0024)
- Timeworn Cerulean Thicket color palette (#E3E5DA, #77BDC9, #0092AF, #006C6E, #001720)
- Cerulean Veranda color palette (#FAEBE5, #6CD7E2, #1992C3, #176F44, #182D51)
- Lagoon Garden color palette (#E2F2EA, #00A37B, #006348, #003025, #000502)
- Muted Azure color palette (#DCF9E2, #00C6C5, #469ADE, #5A5500, #0F1D00)
- Misty Pine color palette (#FFF2EE, #7EF1EF, #00ACD4, #278739, #16416B)
Browse the whole catalog at Explore, or see today's palette.