Petrol Studio color palette — #F0E5ED · #76C0D1 · #0074A2 · #004C40 · #001435
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F0E5ED): bright and airy, almost weightless.
- Cyan (#76C0D1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C40): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001435): 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 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
- Tempered Petrol color palette (#F6ECE7, #82BCCA, #1F6EA3, #00523C, #222A51)
- Soft Denim color palette (#F6E7ED, #5EA5CD, #1E579F, #00393B, #07002F)
- Softworn Cornflower color palette (#FDEDF2, #A0D7FF, #5280D7, #006169, #221C4C)
- Ancient Azure Parlor color palette (#F5F7E9, #B7F1FF, #00A1C8, #00696E, #002231)
- Washed Atelier color palette (#F7EFF4, #D5D1E8, #76A2C3, #3F747E, #2A3749)
- Antique Cerulean color palette (#F3EEE5, #A8CFB5, #2A92BA, #006C67, #003150)
- Lagoon Grove color palette (#F1E4ED, #009DA1, #005265, #002D1C, #00050C)
- Hushed Plum color palette (#F2E0EB, #B70093, #00713C, #005A4B, #10031E)
Browse the whole catalog at Explore, or see today's palette.