Petrol Workshop color palette — #F4F6EE · #C6E4D9 · #618FB8 · #006C8A · #583C59
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#C6E4D9): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#618FB8): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006C8A): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#583C59): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Petrol Canyon color palette (#F4F6EF, #C7E4D6, #5892B3, #006E7F, #275146)
- Quiet Lantern color palette (#E8FAF4, #71A5D3, #BE689C, #006AAC, #5B334B)
- Washed Garden color palette (#F7F0EB, #BEE7D8, #638DD4, #006B72, #3B2332)
- Softworn Cobalt Veranda color palette (#FFEFFF, #E9D5D9, #B9B9EB, #3E7EAC, #564354)
- Tempered Cobalt Veranda color palette (#CBF5DE, #68B3D6, #0085BA, #006095, #274C72)
- Cobalt Alley color palette (#F3F7E8, #A5D6F1, #0087CB, #006379, #0C426F)
- Softworn Cabin color palette (#EDF8F7, #D6DBF2, #8AC3FA, #68A1B9, #37495F)
- Ancient Alley color palette (#DEFDF4, #568EBC, #8F68AA, #007A69, #144136)
Browse the whole catalog at Explore, or see today's palette.