Petrol Study color palette — #D2E4E0 · #6AAEAF · #00848E · #005E54 · #000C0F
A conversation between Teal and Pine, giving this palette its sense of trust and stability.
The five colors
- Silver (#D2E4E0): a clean, paper-quiet neutral.
- Turquoise (#6AAEAF): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00848E): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E54): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000C0F): 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
- Wandering Cobalt color palette (#E0F3F2, #6EA8CF, #2A79B8, #005A72, #00091B)
- Denim Thicket color palette (#F8E7F3, #51A1A2, #006376, #003E25, #000A15)
- Lagoon Study color palette (#EAEADC, #2B8888, #00444A, #00201B, #000202)
- Pale Market color palette (#DDEEEE, #A0C4E4, #3796EE, #00779C, #001C4A)
- Timeworn Turquoise color palette (#E5F2F0, #A1DEF1, #2CB4E2, #008F9A, #003249)
- Hushed Petrol Delta color palette (#E7EBFF, #A59CED, #B57AAA, #3965AB, #0A0627)
- Linen Cobalt color palette (#C9E7FC, #0082D0, #0059A3, #00388A, #010033)
- Quiet Corridor color palette (#E3ECFF, #3C64D7, #A22697, #006569, #000011)
Browse the whole catalog at Explore, or see today's palette.