Petrol Workshop color palette — #FCEAE3 · #97BC9E · #00719B · #005330 · #182C53
Built around Peacock, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FCEAE3): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sage (#97BC9E): A luminous, dusty teal — the color of sea glass.
- Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005330): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#182C53): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Weathered Cobalt color palette (#FFF2EC, #AFCDBA, #437EAA, #006247, #2D385E)
- Petrol Summit color palette (#F6EDE5, #8AB8D4, #4064B2, #00504B, #302453)
- Weathered Summit color palette (#E4EBE5, #93BAC9, #007790, #004C41, #001926)
- Lagoon Boulevard color palette (#E2F2E6, #00A188, #007274, #004253, #002F5E)
- Forest Lantern color palette (#DEF4E0, #9DC9F0, #A58AC8, #086E43, #003449)
- Tempered Atelier color palette (#C1F0FF, #00A5C3, #005B76, #002D3A, #001B23)
- Softworn Rust color palette (#CBE6D1, #008F9D, #AC4336, #00535B, #530200)
- Hushed Cypress Garden color palette (#FAF4EE, #C7E4D8, #708ABD, #06716A, #5E3B4D)
Browse the whole catalog at Explore, or see today's palette.