Petrol Study color palette — #F0E7D8 · #59ACDB · #0067B7 · #004853 · #020941
A conversation between Cobalt and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E7D8): A whisper-light, dusty gold — the color of honey in a jar.
- Cyan (#59ACDB): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#0067B7): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#020941): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Petrol Grove color palette (#F2EADD, #69AEB9, #00718E, #004B43, #001624)
- Petrol Orchard color palette (#E2F2F1, #79C0EC, #006BAD, #003B4C, #00020A)
- Muted Canyon color palette (#FFECDB, #379ACA, #023BAE, #00302C, #18003E)
- Misty Basin color palette (#EBDDE2, #81B8D9, #2F81EA, #006C70, #0F0045)
- Hazy Cobalt color palette (#F5EDE1, #A1D1BC, #008CDF, #006A74, #152C56)
- Azure Boulevard color palette (#FDF4E6, #A1E7FE, #00A8E8, #008282, #14426C)
- Peony Balcony color palette (#E7E2EF, #DC92D0, #E46694, #4E479E, #240B27)
- Chalky Byzantium color palette (#ECE0F9, #8B1ECE, #814D00, #005751, #0E001B)
Browse the whole catalog at Explore, or see today's palette.