Petrol Study color palette — #EDF6FF · #006BA8 · #4B5E00 · #00432F · #002836
Built around Peacock, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#EDF6FF): bright and airy, almost weightless.
- Peacock (#006BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#4B5E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00432F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002836): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged jewel, vibrant, 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
- Frosted Garden color palette (#F0F5FF, #4D5FCA, #00662E, #004747, #04253B)
- Denim Atelier color palette (#DBEEFF, #005883, #3A4800, #00311E, #001519)
- Worn Chestnut color palette (#E2FAFF, #00837C, #784600, #434100, #002B2A)
- Antique Driftwood Lantern color palette (#F5F3FF, #9F77A9, #216F73, #265271, #2D3242)
- Hushed Study color palette (#F1F1FF, #7A00BB, #005049, #003042, #111239)
- Timeworn Brick Dune color palette (#FFF0FD, #C01729, #675600, #104B02, #002A31)
- Worn Scarlet color palette (#FFF1F6, #976CDC, #DA1A00, #0B6913, #161C46)
- Indigo Grove color palette (#F3F5FC, #E1D5E6, #BCB8D2, #7556AB, #3C3E4E)
Browse the whole catalog at Explore, or see today's palette.