Petrol Workshop color palette — #F1F7F3 · #E0D3D2 · #D1B6B6 · #1B8195 · #424A45
Cerulean and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F3): bright and airy, almost weightless.
- Silver (#E0D3D2): a clean, paper-quiet neutral.
- Rosewood Mist (#D1B6B6): A luminous, dusty red — the color of a theater curtain.
- Cerulean (#1B8195): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#424A45): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Weathered Cerulean color palette (#EFF8F3, #CEE0E2, #DBC3C9, #6298AC, #3F4B45)
- Softworn Petrol color palette (#EBF3F8, #D4D6E0, #BBBAC9, #537B91, #262D32)
- Muted Sapphire Cabin color palette (#F9F3F8, #E8D5D2, #DEAEAD, #4761C2, #4A3A47)
- Dusty Lantern color palette (#EBF9F3, #E0CBDA, #B59AC7, #00628A, #223830)
- Patina Basin color palette (#F9F5EA, #9BB995, #00876F, #376454, #444600)
- Tempered Lantern color palette (#E9F2ED, #B4A3B2, #8577A0, #003E50, #091711)
- Fern Thicket color palette (#ECFAE6, #93BDAE, #8978A1, #6A6417, #554F00)
- Timeworn Cobalt color palette (#D5EAE4, #0075C2, #432936, #0F231F, #070F0E)
Browse the whole catalog at Explore, or see today's palette.