Petrol Studio color palette — #E4F2F0 · #6ABDE3 · #0070A2 · #004E5C · #07304F
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F2F0): bright and airy, almost weightless.
- Cyan (#6ABDE3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Teal (#07304F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cobalt Terrace color palette (#EDF8F7, #9DCBEE, #4B7CAC, #005B78, #253B5B)
- Softworn Teal Market color palette (#DDF1ED, #54B0AB, #006468, #003F35, #002529)
- Antique Ash Meadow color palette (#EDF8F7, #D6DBEC, #769EBF, #507488, #455466)
- Periwinkle Villa color palette (#F7EAF1, #B7D8EF, #6EA4FA, #009285, #2D2652)
- Softworn Boulevard color palette (#DBF1F1, #4985BB, #003A7A, #00202F, #000428)
- Olive Meadow color palette (#C0E9D8, #7E8600, #007889, #494E00, #002F37)
- Feathered Jade color palette (#CEFCF0, #A9DAA7, #3BAC76, #606522, #003B34)
- Olive Lantern color palette (#E1E6D7, #607600, #006D67, #763B00, #1B2300)
Browse the whole catalog at Explore, or see today's palette.