Petrol Study color palette — #EFE0D9 · #59B0B7 · #0081A1 · #006045 · #000A17
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EFE0D9): bright and airy, almost weightless.
- Cyan (#59B0B7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006045): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.
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 (#FCECE5, #62C0CD, #008FBC, #006F57, #00142B)
- Soft Cobalt color palette (#E8DED8, #69AAC9, #0875CF, #005D5C, #04002D)
- Hushed Grove color palette (#E0F2EE, #3AA3AC, #006471, #003C39, #000B10)
- Tempered Field color palette (#DBEDDD, #008F97, #C63500, #006066, #120100)
- Iris Thicket color palette (#CBE4E7, #59B4E6, #8C7DFD, #008061, #000D13)
- Lagoon Orchard color palette (#D5E5D8, #30868D, #004351, #00201A, #000103)
- Iris Courtyard color palette (#F0E7DF, #8EC6F7, #6089FF, #007B89, #1F1740)
- Worn Coast color palette (#C5EBEB, #007F80, #BD004B, #7A4D00, #000202)
Browse the whole catalog at Explore, or see today's palette.