Petrol Studio color palette — #E7F1E9 · #6FC4E3 · #006EA2 · #003D40 · #00020A
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F1E9): bright and airy, almost weightless.
- Sky (#6FC4E3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006EA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00020A): 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 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
- Worn Teal Studio color palette (#E3ECE5, #5FB2B3, #005F6E, #002C22, #000102)
- Cornflower Workshop color palette (#EFF8F1, #A1D2F7, #1177E7, #004F5E, #040332)
- Cornflower Orchard color palette (#EEDDE6, #3BC1EA, #0184EA, #006F5C, #0F0A37)
- Chalky Grove color palette (#D7ECED, #009470, #B40084, #004734, #040002)
- Ancient Periwinkle color palette (#EEF8F0, #D9D6E1, #4EAEF8, #007D88, #1A2F4B)
- Patina Grape color palette (#D0EBE2, #007964, #6B00D1, #683200, #000201)
- Softworn Emerald Boulevard color palette (#DEEFD5, #009C46, #005E3E, #00281E, #000302)
- Azure Thicket color palette (#DDFCFF, #7AE6E7, #00AAE6, #006324, #000D0B)
Browse the whole catalog at Explore, or see today's palette.