Petrol Workshop color palette — #F4F6ED · #C0E7D4 · #6091AF · #006E80 · #294B66
Teal and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F6ED): bright and airy, almost weightless.
- Celadon Mist (#C0E7D4): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#6091AF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#006E80): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#294B66): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cerulean Market color palette (#F4F6EC, #93DAF4, #008BBA, #006571, #004467)
- Cerulean Studio color palette (#B7F1FC, #4BB3CE, #088CB2, #006085, #1D4A68)
- Worn Cypress color palette (#F5F6EE, #C9E4DE, #81A38A, #3B7B74, #3A5143)
- Tempered Canyon color palette (#E9EEDF, #5E96BD, #004C83, #002D3D, #001232)
- Tempered Boulevard color palette (#E1E1D2, #67ACAD, #00636C, #003F38, #00242B)
- Chalky Cobalt Lantern color palette (#DDFEF2, #3191CB, #8B69AD, #007B65, #174035)
- Wandering Courtyard color palette (#E6FBF2, #63A9D0, #B26EA7, #006E9A, #5A3254)
- Dusty Powder color palette (#DBFEF5, #FFE8FD, #B1BAEF, #58869F, #5E4B5F)
Browse the whole catalog at Explore, or see today's palette.