Petrol Studio color palette — #EFF4E8 · #1FA676 · #2564AF · #622A4A · #2A1B00
Built around Cobalt, softened by Kelly Green — the whole palette hums with trust and stability.
The five colors
- Cream (#EFF4E8): a clean, paper-quiet neutral.
- Kelly Green (#1FA676): A luminous, balanced teal — the color of sea glass.
- Cobalt (#2564AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#622A4A): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Onyx (#2A1B00): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: 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
- Soft Grape Studio color palette (#E9F5ED, #009FB4, #6C4EAF, #6C252B, #231F00)
- Moss Field color palette (#F3F3E7, #709D3F, #007185, #4C2D76, #390D0C)
- Emerald Veranda color palette (#E6FAF8, #40A04C, #854A82, #6B3444, #4D2718)
- Gentle Jade Field color palette (#E1FBFC, #00C288, #5982B8, #814866, #493406)
- Nightshade Thicket color palette (#D6E6D2, #008379, #3600D6, #570025, #130E00)
- Timeworn Aubergine Meadow color palette (#D7E9E0, #00759A, #73007A, #3D1F00, #000F06)
- Cerulean Market color palette (#E2F1D2, #9FBD9F, #5789A1, #7B5252, #492D24)
- Ancient Pier color palette (#E6EFE1, #008874, #1B3921, #11190C, #060703)
Browse the whole catalog at Explore, or see today's palette.