Petrol Study color palette — #F0F5E0 · #7DC7E2 · #007CA6 · #00505A · #001C2E
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F5E0): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#7DC7E2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007CA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00505A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001C2E): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Ancient Dune color palette (#F2F3E5, #9FDDDD, #0094A0, #006359, #002B32)
- Chalky Drift color palette (#FFF0F8, #45C9F0, #0074B4, #005650, #182E68)
- Denim Workshop color palette (#EAEDE0, #6AA5C1, #005F8A, #003843, #000C1A)
- Wandering Navy color palette (#DDE2D2, #497DA9, #003B73, #001D2B, #000108)
- Hushed Lagoon color palette (#E3E3D6, #3E9A97, #005458, #002C25, #000507)
- Feathered Study color palette (#FFF2EB, #D5E6FC, #12A2F7, #00736B, #091B5E)
- Quiet Coral color palette (#FFEDEA, #FFC5C6, #FF7155, #A83B77, #3C131B)
- Gentle Raspberry Bloom color palette (#FDD9D5, #EF018A, #896F00, #8C004E, #1C1500)
Browse the whole catalog at Explore, or see today's palette.