Petrol Study color palette — #ECF8F8 · #83BEA0 · #1C77A6 · #00724C · #162632
A conversation between Slate and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF8F8): a clean, paper-quiet neutral.
- Mint Leaf (#83BEA0): A luminous, dusty teal — the color of sea glass.
- Slate (#1C77A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00724C): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#162632): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Aged Fern color palette (#EDF8F5, #9EB983, #007F7F, #466D00, #0A2830)
- Washed Indigo color palette (#ECF7FC, #6CBDCB, #6C60B5, #006C7A, #1D2338)
- Patina Indigo Archive color palette (#EAF4F2, #98C183, #6A69BF, #41741F, #090E1A)
- Patina Navy color palette (#D0FFF1, #6DC1BE, #008093, #005778, #003C6A)
- Gentle Delta color palette (#E9FBEC, #4AA9A4, #217394, #7E2C4B, #194351)
- Frosted Azure Courtyard color palette (#F5F6ED, #A7D29C, #0D95EC, #4E943B, #102923)
- Worn Lagoon Harbor color palette (#EFF7F8, #D5DBE3, #B8C0D0, #00877A, #3D4A4D)
- Aubergine Drift color palette (#EFF6FC, #63A1CA, #7D3E92, #00557E, #181528)
Browse the whole catalog at Explore, or see today's palette.