Petrol Study color palette — #ECF1E2 · #89B7DE · #2669B0 · #004C66 · #152C55
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF1E2): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#89B7DE): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#2669B0): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004C66): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#152C55): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Petrol Field color palette (#F0E7E0, #93B8D7, #4B68AB, #004A52, #17053F)
- Petrol Summit color palette (#EEF0E0, #97BCA2, #00748D, #004F51, #003345)
- Worn Periwinkle Corridor color palette (#E1F3F2, #AED8FE, #5CA7FF, #008AB9, #1A2D50)
- Muted Dune color palette (#F5ECEF, #A8C8E6, #6683CB, #006A76, #2D215D)
- Dusty Cerulean Villa color palette (#F5F7E9, #8FDCEC, #008DAC, #006669, #00465E)
- Dusty Cerulean color palette (#E4E8D7, #4E9ABA, #005073, #002E37, #001527)
- Muted Denim color palette (#FFECF0, #E1AED7, #C7809F, #704C90, #472947)
- Feathered Brick color palette (#FFE4EB, #8B4AA7, #A52A35, #004F88, #2A1533)
Browse the whole catalog at Explore, or see today's palette.