Petrol Study color palette — #E7FAF3 · #ACF0E2 · #397EA4 · #114233 · #04130E
A conversation between Cerulean and Sea Foam, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
- Sea Foam (#ACF0E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#397EA4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#114233): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#04130E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged luxury, dark, 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
- Worn Cobalt color palette (#FCF1FC, #B5F7D4, #5378AA, #462F46, #160B16)
- Muted Azure color palette (#EBF9F4, #F3CDAF, #629BCA, #3E6789, #122621)
- Weathered Denim Canyon color palette (#E8F3FF, #E1A287, #245887, #12293F, #040D17)
- Denim Dune color palette (#EDF7FE, #8CBD93, #00587C, #0E3148, #181C27)
- Softworn Sky color palette (#E8FAF1, #5AC0EB, #9BA65C, #4B8155, #112A20)
- Antique Driftwood color palette (#FBF2F8, #E5D9D4, #9D7992, #573C4F, #21181E)
- Muted Turquoise Meadow color palette (#E8FBED, #44BAC8, #997C2C, #475E24, #101A0A)
- Emerald Courtyard color palette (#D3E7E1, #00A95E, #002D4E, #090F13, #000104)
Browse the whole catalog at Explore, or see today's palette.