Petrol Studio color palette — #E4EEE5 · #70ABC6 · #006BA8 · #00494F · #001134
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E4EEE5): bright and airy, almost weightless.
- Blue Fog (#70ABC6): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00494F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001134): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Studio 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
- Softworn Cobalt color palette (#E0EEE2, #93B5D6, #4A73BC, #00566B, #16164A)
- Tempered Denim Quarry color palette (#E7F4E9, #5A9FA5, #006376, #003C32, #000B13)
- Ancient Petrol Field color palette (#F6EDDE, #67C3EC, #006CAA, #003D42, #00020C)
- Patina Navy color palette (#F8EAF1, #5E98B4, #0B4595, #00302B, #15013F)
- Cornflower Balcony color palette (#FAEBE0, #76BBD8, #1080F5, #006E60, #120937)
- Softworn Petrol Meadow color palette (#EEF8F0, #BBD9EF, #6E99C6, #007A89, #283960)
- Chalky Quarry color palette (#C6E9EE, #6DBCC4, #3D96C5, #006A36, #001A1B)
- Cornflower Atelier color palette (#EBFAEE, #94D3FF, #298BFA, #006F83, #1B2776)
Browse the whole catalog at Explore, or see today's palette.