Petrol Workshop color palette — #F4F7E6 · #68C6E2 · #00799D · #00555D · #003751
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#68C6E2): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00555D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#003751): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Quiet Cobalt Terrace color palette (#FCEFE8, #70C9E6, #0078B8, #00524B, #010E4F)
- Aged Lagoon color palette (#F6F6E7, #9DDCD9, #009198, #00685A, #004952)
- Tempered Sapphire Workshop color palette (#F2F7EA, #93BCE5, #1D6ACE, #005072, #102977)
- Ancient Sky color palette (#E7FAF8, #9DE6FF, #00BAF4, #0095A4, #003752)
- Periwinkle Grove color palette (#EBF7FF, #B8DBFF, #859FF3, #007290, #004068)
- Patina Denim color palette (#DFE2D4, #70A7C0, #005E86, #003C47, #002139)
- Azure Ridge color palette (#FFF0FA, #95D6EC, #0094E2, #00736A, #152D6B)
- Petrol Meadow color palette (#F4F6EF, #C7E4E5, #77A495, #3A7889, #2F524A)
Browse the whole catalog at Explore, or see today's palette.