Petrol Workshop color palette — #F3EEE6 · #98BAA9 · #046FA4 · #004F53 · #002D5E
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3EEE6): a clean, paper-quiet neutral.
- Sage (#98BAA9): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#046FA4): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#002D5E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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 Market color palette (#F9F4ED, #A5D0BF, #497BB1, #005E6B, #29395F)
- Aged Cobalt Coast color palette (#F3E6DE, #93BFA8, #046CC0, #004D3F, #110E36)
- Tempered Terrace color palette (#F0EAE0, #7BA3C9, #2B53A0, #003C4B, #161154)
- Wandering Cerulean color palette (#F5EBDB, #4D9DA9, #005268, #00302B, #001625)
- Azure Dune color palette (#E4F3E7, #91E0FF, #3FAEF2, #009096, #112E51)
- Navy Bloom color palette (#E5DDD1, #5886A8, #00397D, #002129, #04002D)
- Emerald Hollow color palette (#D8E3D3, #50A562, #006F4A, #004538, #002B36)
- Petrol Grove color palette (#F8F5EF, #CCE3E3, #75A597, #237C86, #604A5F)
Browse the whole catalog at Explore, or see today's palette.