Petrol Workshop color palette — #F9EBE5 · #97BBA4 · #006EAA · #00523C · #1F2959
A conversation between Peacock and Navy, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9EBE5): a clean, paper-quiet neutral.
- Sage (#97BBA4): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#006EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1F2959): A deep, shadowed, balanced violet — the color of wild irises.
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
- Antique Cobalt color palette (#FBF4EF, #ACCEBD, #3F7ABD, #006152, #35365B)
- Petrol Atelier color palette (#E1EDE3, #72C1D2, #007699, #004C47, #00182A)
- Hazy Ultramarine Chapel color palette (#E9E0D9, #78A5C0, #1E4EB3, #003E3A, #221049)
- Denim Grove color palette (#F0E2DE, #78997A, #00516A, #003213, #00132F)
- Softworn Summit color palette (#BBF7E1, #38AC8D, #006148, #002E24, #001911)
- Chalky Fern Thicket color palette (#E5F3CF, #9AE0E1, #749AD5, #6A6500, #004039)
- Antique Mulberry color palette (#D5E8D8, #007A82, #6F40AB, #830074, #002528)
- Periwinkle Meadow color palette (#F6EBF2, #7BE5F9, #46AEEF, #3A916E, #202C4E)
Browse the whole catalog at Explore, or see today's palette.