Petrol Workshop color palette — #FFF2EC · #60CAD4 · #00799A · #005841 · #00355B
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#60CAD4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00799A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005841): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00355B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Softworn Studio color palette (#FDF3EE, #96D1D4, #0085A4, #006344, #124438)
- Patina Sapphire Drift color palette (#FFF2E9, #7AC2E7, #006DCD, #005556, #262C63)
- Aqua Balcony color palette (#DAFAF4, #00D4E2, #008092, #00524E, #001E27)
- Gentle Parlor color palette (#F5F7E8, #25E4F5, #009DB5, #00726F, #003948)
- Pale Lilac Studio color palette (#DDFEE7, #90D0FF, #A49AFF, #007664, #003B52)
- Washed Denim color palette (#EFDDD5, #62ACB8, #005F81, #003F32, #001F42)
- Tempered Cerulean color palette (#FCF3EE, #C3E6D2, #4F91C1, #037268, #573E54)
- Navy Pier color palette (#F7EDE5, #3A8BA8, #003F6A, #002220, #02002E)
Browse the whole catalog at Explore, or see today's palette.