Petrol Studio color palette — #D3F4F9 · #006877 · #00404E · #001A24 · #020511
Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#D3F4F9): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006877): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00404E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001A24): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#020511): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, muted.
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
- Eclipse Loft color palette (#CAE6FA, #00679D, #002D4A, #281F26, #000A14)
- Soft Orchard color palette (#D1F0E5, #008D8E, #00667F, #004167, #00002C)
- Weathered Aubergine Bloom color palette (#D9EEFF, #00587C, #6B0063, #002435, #10000E)
- Aubergine Orchard color palette (#C7E5FC, #004467, #490074, #002B22, #000205)
- Lapis Corridor color palette (#CDE7FF, #6C96D0, #4F50CF, #003D53, #000F26)
- Timeworn Terrace color palette (#D3E3EA, #0098D3, #00689B, #003D6D, #072950)
- Chestnut Meadow color palette (#CDEAD4, #6B5800, #392900, #1A0E00, #040300)
- Frosted Nightshade color palette (#E5EFFC, #0056CB, #13009E, #100054, #070027)
Browse the whole catalog at Explore, or see today's palette.