Petrol Study color palette — #F1E5EC · #81BDD4 · #3170A1 · #004C47 · #06113A
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E5EC): bright and airy, almost weightless.
- Sky (#81BDD4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3170A1): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#06113A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Tempered Delta color palette (#F9EFF3, #A5CDEB, #587EAE, #005B5D, #181B43)
- Washed Ultramarine color palette (#F9E8ED, #7BA1C1, #2F50AB, #00383F, #0C002B)
- Worn Lilac color palette (#D8EFFF, #A8C6FF, #B88FDD, #00625F, #001F38)
- Ancient Lagoon color palette (#C4EEE8, #009CA0, #00657E, #00334E, #00173E)
- Weathered Cypress color palette (#F7EFF3, #D7D1E6, #819FC0, #367775, #2C364A)
- Azure Loft color palette (#C2E6FF, #4297D8, #00648F, #002642, #00070F)
- Dusty Chapel color palette (#F1E6EE, #4698A2, #00516B, #002D21, #00040E)
- Linen Bronze color palette (#DFF3FF, #008CB1, #A54F00, #004E64, #210B00)
Browse the whole catalog at Explore, or see today's palette.