Petrol Studio color palette — #E0EEE5 · #00677A · #042241 · #02100B · #000201
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E0EEE5): bright and airy, almost weightless.
- Peacock (#00677A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#042241): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#02100B): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Abyss Summit color palette (#CDEBFB, #004E5E, #25252D, #000F19, #000204)
- Patina Azure Grove color palette (#DCF7ED, #0096D6, #67485F, #15372C, #010602)
- Antique Sapphire Quarry color palette (#F4E7F3, #1B70F5, #453A60, #281627, #000201)
- Softworn Market color palette (#C9ECE2, #0083D3, #8F6A00, #005890, #090500)
- Ultramarine Hollow color palette (#F0E0EE, #194BCE, #27193B, #060E12, #050005)
- Turquoise Market color palette (#D0E9DC, #00B1E2, #7A5B77, #234B3A, #0A150B)
- Moss Corridor color palette (#F7EEE1, #869035, #397130, #00544F, #060700)
- Cobalt Terrace color palette (#E9DED2, #79A5CE, #526EC5, #005B68, #0B0026)
Browse the whole catalog at Explore, or see today's palette.