Petrol Studio color palette — #C8EAF9 · #00687F · #002F3E · #261E1D · #00090E
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C8EAF9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00687F): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#261E1D): quiet, heavy and certain.
- Ink (#00090E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted, 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
- Cypress Cabin color palette (#C6ECDF, #00725D, #00372B, #12191D, #000806)
- Eclipse Denim Orchard color palette (#E0EEFF, #0864B0, #002A51, #18111B, #000613)
- Soft Thicket color palette (#C7E3FF, #479BD9, #005693, #00284A, #00070F)
- Softworn Lagoon color palette (#D8EBF2, #0093B8, #004B5C, #1C1C23, #00060A)
- Sky Chapel color palette (#E5F4FF, #5DBFF9, #0072A0, #003C52, #001320)
- Antique Cobalt Corridor color palette (#DDF0E4, #498CB5, #5369B5, #003837, #000205)
- Mulberry Study color palette (#E2E2D0, #A30080, #005689, #0A0C14, #000103)
- Inked Coast color palette (#E8D9EA, #705300, #2F2223, #00142C, #000104)
Browse the whole catalog at Explore, or see today's palette.