Petrol Study color palette — #E4F2F0 · #86BBCC · #007296 · #004E56 · #00324A
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F2F0): bright and airy, almost weightless.
- Ash (#86BBCC): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Study 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
- Weathered Petrol Balcony color palette (#F0E5EC, #7DBFD3, #0072AA, #004C44, #031337)
- Antique Delta color palette (#ECF8F7, #ADC9DC, #3F7FA7, #005D6F, #1D3D59)
- Sky Villa color palette (#EDF0E2, #99DFF7, #00B4EB, #008F9D, #00324B)
- Aged Cerulean color palette (#E4F2EF, #4E9DA4, #00535F, #00302E, #00171E)
- Timeworn Petrol color palette (#EFF7F6, #D4DDEE, #6FA1BC, #007D8D, #415567)
- Powdered Lapis Harbor color palette (#D9E3FF, #6256CA, #9B2C6C, #005668, #1C1744)
- Faded Nightshade color palette (#EAEEFF, #DDBFF7, #BA85BC, #574EA8, #3D2C4E)
- Linen Aubergine color palette (#DEE9FF, #6B84DD, #4D4DC8, #410BA8, #352463)
Browse the whole catalog at Explore, or see today's palette.