Petrol Studio color palette — #C8EAFD · #0074A6 · #004674 · #002752 · #000A2C
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C8EAFD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0074A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004674): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#002752): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#000A2C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, 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
- Misty Navy Hollow color palette (#D5E7EA, #00A9D1, #006DAF, #00337C, #070030)
- Petrol Terrace color palette (#C8E7E8, #007882, #004F5A, #002731, #000E16)
- Soft Navy color palette (#DAF5F8, #007D9E, #00517E, #01148E, #1E124E)
- Sunlit Meadow color palette (#C6E8DE, #0070B3, #006A2F, #00395E, #000B02)
- Ancient Quarry color palette (#C3E8DB, #79A8D7, #3D78C0, #294CA3, #1B244A)
- Pale Aubergine Balcony color palette (#DDE5F3, #1B50B5, #7E007F, #004545, #000214)
- Nightshade Thicket color palette (#E3EBFF, #5D7ECD, #0C35AA, #030055, #00000F)
- Weathered Loft color palette (#F5DAF1, #A3B0E8, #8A77CF, #00457C, #05022D)
Browse the whole catalog at Explore, or see today's palette.