Petrol Studio color palette — #F6E9E1 · #55AED0 · #006AAF · #004A47 · #070D37
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F6E9E1): a clean, paper-quiet neutral.
- Cyan (#55AED0): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006AAF): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#070D37): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Wandering Hollow color palette (#F0DFD7, #49B5B2, #007386, #004D2B, #001624)
- Softworn Sapphire Market color palette (#E9DFD5, #81B8E2, #3A6BE0, #005860, #1E1349)
- Ancient Petrol Hollow color palette (#E5F2E7, #86C0D9, #006EA5, #003D41, #00020B)
- Tempered Cerulean Dune color palette (#D5E9E7, #009EC9, #005071, #002F37, #001626)
- Soft Lagoon color palette (#F5EDE7, #8AD0E7, #008ED7, #006D63, #172B57)
- Dusty Basin color palette (#FBF3EE, #B1E1CC, #5A98E0, #007C7C, #4C3044)
- Weathered Turquoise Coast color palette (#FBF3F0, #D1EECF, #1BB8D4, #4F8966, #275143)
- Dusty Plum Harbor color palette (#FDDAE9, #B60074, #006C4D, #005653, #15000A)
Browse the whole catalog at Explore, or see today's palette.