Petrol Studio color palette — #EEF6FF · #FFC09F · #2C679B · #00294A · #00040C
Built around Peacock, softened by Cantaloupe — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Cantaloupe (#FFC09F): A whisper-light, balanced orange — the color of autumn markets.
- Peacock (#2C679B): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#00294A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00040C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, 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
- Hushed Pier color palette (#F1F5FF, #C8D89E, #5E5A9B, #251F4E, #010211)
- Cobalt Orchard color palette (#F0F5FD, #CBF1D1, #5A75AD, #26375C, #060F1E)
- Wandering Jade Station color palette (#DDEBF5, #74B26C, #004E67, #001F30, #00060C)
- Dusty Amber Boulevard color palette (#F7E9F9, #D8825E, #00447A, #04223F, #1C121E)
- Patina Atelier color palette (#E5F2ED, #9BDAA5, #2092C7, #2D5C76, #0B1914)
- Lapis Hollow color palette (#F1F5FF, #BFCF42, #4F32CC, #1C005D, #010009)
- Aubergine Chapel color palette (#F5F3FF, #A8C788, #6E3776, #2C0032, #020008)
- Washed Courtyard color palette (#F0F6FC, #A4D6FF, #CB6384, #007DC0, #0C0111)
Browse the whole catalog at Explore, or see today's palette.