Petrol Studio color palette — #F8E5DE · #53C4CC · #007FA9 · #005D31 · #011C49
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F8E5DE): A whisper-light, dusty orange — the color of autumn markets.
- Aqua (#53C4CC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D31): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#011C49): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Washed Sapphire color palette (#EDE1D9, #6ABDE2, #2B72D4, #005A50, #1E1546)
- Weathered Atelier color palette (#FFF0FB, #96D9E0, #0087AC, #00543E, #000D1D)
- Worn Cerulean Studio color palette (#E1E2D6, #90CCD1, #00A4B9, #007E78, #00242D)
- Softworn Cornflower Ridge color palette (#FFF3E8, #8DD5FF, #5787EF, #00736C, #362660)
- Muted Bloom color palette (#D6F5DC, #00A484, #00727B, #00455B, #001E3D)
- Antique Spruce Coast color palette (#F6E8E2, #4CA2A3, #00627C, #003F16, #00091A)
- Tempered Azure Orchard color palette (#CDEDF9, #00AADA, #00738A, #003C4B, #000D11)
- Aged Quarry color palette (#D3EED7, #95CCFF, #B391D8, #1E7647, #002B36)
Browse the whole catalog at Explore, or see today's palette.