Petrol Study color palette — #F1E5ED · #86BDCE · #0B72A7 · #004C43 · #031337
Built around Slate, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Ash (#86BDCE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0B72A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#031337): A deep, shadowed, dusty violet — the color of wild irises.
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
- Petrol Harbor color palette (#E4F2F0, #85BBCA, #007393, #004F55, #003248)
- Muted Denim Atelier color palette (#F3E6EB, #6FA3C6, #2F569A, #00393D, #0A002D)
- Hushed Lilac color palette (#DBF2FF, #AFCCFD, #B295E1, #006860, #001D31)
- Cobalt Basin color palette (#FEEDF2, #A6D5FF, #617ECF, #00606C, #26194F)
- Muted Coast color palette (#F4F7EA, #B3EDE8, #00A0CE, #006871, #002233)
- Hazy Pier color palette (#BDE6FF, #199DDA, #005D87, #002E48, #00060B)
- Worn Thicket color palette (#F4E8F1, #50979B, #005266, #002D1E, #00050C)
- Hushed Terracotta color palette (#C6E4F8, #007699, #9F3800, #763800, #000D14)
Browse the whole catalog at Explore, or see today's palette.