Petrol Studio color palette — #D3E8F8 · #0074A2 · #556300 · #004821 · #000C16
Slate takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D3E8F8): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#556300): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004821): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#000C16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Studio 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
- Softworn Chestnut color palette (#CBE3EB, #007A7E, #775400, #374100, #000E0F)
- Antique Forest color palette (#DCE5F2, #3E60B0, #006821, #004038, #010420)
- Pale Grove color palette (#EBF2FF, #4970EB, #00813A, #00554F, #08112F)
- Misty Orchid Parlor color palette (#F3F4FF, #B75DFF, #AE6E00, #006638, #160027)
- Powdered Alley color palette (#E2E6F7, #5431B2, #005041, #002E32, #02000F)
- Worn Forest color palette (#E9F3FD, #709ABD, #768B61, #166F4C, #172430)
- Lagoon Studio color palette (#EFF0FF, #9378B4, #008683, #005B72, #18182A)
- Bronze Studio color palette (#FAD4E4, #A85A00, #4E5000, #003524, #001117)
Browse the whole catalog at Explore, or see today's palette.