Petrol Study color palette — #EEF7F8 · #77BFA9 · #007AA0 · #007059 · #19262E

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF7F8): bright and airy, almost weightless.
• Mint Leaf (#77BFA9): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#007AA0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#007059): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#19262E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Dusty Basin color palette (#EEF7FA, #91CCD3, #5B7DB9, #007C86, #282E38)
• Washed Delta color palette (#EFF7F5, #A0BA6E, #008171, #516A00, #14282B)
• Sunlit Studio color palette (#E9F5F3, #82C788, #6969C0, #36743D, #080D1C)
• Chalky Summit color palette (#EBF7FF, #00B1E4, #822ACB, #005F7B, #1A1933)
• Worn Petrol Quarry color palette (#EAFAED, #05ACB3, #0071A7, #7B3241, #26414E)
• Tempered Aubergine color palette (#D6FFF8, #4FC1CE, #0081A0, #005484, #402B73)
• Cypress Courtyard color palette (#EFF7F9, #D5DCE6, #BAC0D0, #42807F, #3D4A4E)
• Smoked Nightshade color palette (#D5E4E7, #00796D, #03069E, #002E29, #000108)

Browse the whole catalog at Explore, or see today's palette.