Petrol Studio color palette — #F1E6E3 · #7FC0C5 · #00759C · #004F29 · #011436
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F1E6E3): a clean, paper-quiet neutral.
- Ash (#7FC0C5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F29): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#011436): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Gentle Cabin color palette (#F1E7DF, #80BDD9, #1366CF, #004C43, #140F32)
- Softworn Petrol Atelier color palette (#F6EDE0, #7ABFC4, #00748A, #005144, #003347)
- Patina Alley color palette (#FBEFE9, #B0D1BB, #1683C2, #005E43, #2F172A)
- Petrol Loft color palette (#CCE8FF, #0071AE, #616300, #3D5600, #000C18)
- Hushed Lagoon color palette (#EDF9EF, #AEF4F9, #00A3C0, #006C5B, #002231)
- Airy Blush Canyon color palette (#F6DFF5, #D5C1FC, #D17B97, #006779, #201738)
- Patina Navy Lagoon color palette (#EADCD3, #398398, #003E69, #002017, #01000B)
- Frosted Loft color palette (#E6DED6, #5B90B9, #2B1FC5, #002C2C, #070015)
Browse the whole catalog at Explore, or see today's palette.