Petrol Studio color palette — #E6F1F0 · #84BBCB · #007393 · #004F55 · #003248
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F1F0): a clean, paper-quiet neutral.
- Ash (#84BBCB): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Study color palette (#F1E5ED, #80BED0, #0073A7, #004C43, #051432)
- Antique Loft color palette (#EDF8F7, #ABCADE, #1481B4, #005D6D, #183E5B)
- Wandering Periwinkle color palette (#E8F5FF, #A7D1F9, #789AE1, #006A82, #0C3651)
- Weathered Harbor color palette (#EEF0E4, #8AE2FB, #41B3DB, #008F99, #003248)
- Dusty Cerulean Balcony color palette (#BFEAED, #00A5B4, #00687A, #004252, #142642)
- Frosted Byzantium Boulevard color palette (#CDE2EE, #008CAF, #9A36AC, #005167, #43044D)
- Weathered Harbor color palette (#D3E6E4, #5A87A0, #004065, #00212A, #000919)
- Feathered Quarry color palette (#C8ECFC, #00798B, #4E4CB9, #005E1D, #00242B)
Browse the whole catalog at Explore, or see today's palette.