Petrol Study color palette — #F5EDE2 · #7CBADD · #006BB5 · #004E58 · #192C55
Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F5EDE2): bright and airy, almost weightless.
- Sky (#7CBADD): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006BB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#192C55): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Cobalt Bloom color palette (#F2E7DE, #7ABDDF, #3C69B4, #004C45, #160B37)
- Muted Parlor color palette (#F5EDE2, #7EBFBC, #007682, #00523C, #003442)
- Cobalt Atelier color palette (#F8F5EF, #9ED2C3, #4777C6, #005D71, #4D2F45)
- Quiet Periwinkle Courtyard color palette (#E2F3F1, #B4D8F4, #59ACEB, #008CAC, #002E59)
- Antique Ridge color palette (#FBF4EA, #83E0E7, #008EA8, #006858, #004661)
- Cerulean Studio color palette (#F0E8DD, #319EB9, #00506F, #00302F, #001529)
- Antique Petrol color palette (#F8F5EF, #CAE5E7, #7D9BC3, #377988, #614A5C)
- Washed Grape Orchard color palette (#E4DFC3, #869821, #6E32BA, #454F00, #2F1D4C)
Browse the whole catalog at Explore, or see today's palette.