Petrol Study color palette — #F4EEE4 · #8CBEAD · #3169AD · #004E5C · #1E2A56
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EEE4): bright and airy, almost weightless.
- Mint Leaf (#8CBEAD): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#3169AD): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#1E2A56): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Patina Villa color palette (#F5EDE2, #7EBEC0, #007587, #005141, #003345)
- Muted Sapphire color palette (#EFE8E1, #8DC0AE, #4865BA, #004B49, #1A0C32)
- Wandering Cerulean color palette (#FBF4EA, #B7D8BF, #008DAF, #00675D, #004566)
- Chalky Cornflower Quarry color palette (#F9EAEF, #9ACBED, #527CF5, #006C68, #31264C)
- Antique Denim color palette (#F1EBE2, #569AB2, #004F75, #002F31, #00132E)
- Antique Periwinkle color palette (#E6F2E8, #A7DAFF, #63A6FB, #008DA5, #1E2A56)
- Muted Cypress Lantern color palette (#E0FCDF, #8DDCF2, #6BA1D6, #007352, #003F45)
- Weathered Boulevard color palette (#D4EDDA, #00A173, #006F5F, #004A46, #003136)
Browse the whole catalog at Explore, or see today's palette.