Petrol Studio color palette — #E6F4FF · #86BBDC · #7EAA76 · #247AA6 · #003A34
A conversation between Cerulean and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#86BBDC): A luminous, dusty blue — the color of open sky before noon.
- Moss (#7EAA76): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#247AA6): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#003A34): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Dusty Petrol Garden color palette (#E5F5FD, #7CBFD1, #AD8EBE, #197E93, #302C4C)
- Tempered Atelier color palette (#E7F6EE, #A2C4B5, #688C7A, #455F4E, #1D312A)
- Worn Cerulean color palette (#E9F3FF, #D7D5E2, #B2A09B, #6A86A1, #333B48)
- Azure Orchard color palette (#EAF9F4, #9ACBEE, #93BF92, #2195D5, #4C5200)
- Dusty Cobalt color palette (#E7FAF4, #89B5DC, #C18C61, #1777BB, #674428)
- Petrol Lantern color palette (#ECF2FE, #A8AFE2, #C9888B, #666CA2, #3E283E)
- Gentle Grape Hollow color palette (#F0F0FF, #B592D6, #1C9EB1, #7A4BA0, #002D34)
- Wandering Cerulean color palette (#E9F3FF, #B4CCF4, #6787B6, #304C76, #09213B)
Browse the whole catalog at Explore, or see today's palette.