Petrol Studio color palette — #F9E9F1 · #6AC3E9 · #006AB4 · #003E3C · #010015
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Blush (#F9E9F1): A whisper-light, dusty rose — the color of pressed rose petals.
- Sky (#6AC3E9): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006AB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Patina Aqua color palette (#F9E8F4, #56CBCC, #007389, #004026, #000307)
- Washed Garden color palette (#FDF2F5, #9DD2FF, #426DEF, #005059, #0E002F)
- Softworn Navy color palette (#FAE8DB, #4295B5, #004790, #002C26, #04001A)
- Timeworn Cobalt Bloom color palette (#E3E7D7, #59BDE9, #008DC9, #006A7D, #001528)
- Hushed Ridge color palette (#ECD8E2, #C65900, #006EA2, #622900, #000103)
- Antique Study color palette (#FDF1F6, #D7D4DF, #6DA9F4, #007F81, #222D49)
- Bronze Villa color palette (#FFE3D3, #A7510C, #00627D, #003B7D, #030100)
- Hushed Courtyard color palette (#F9F3F7, #D3D5E5, #4DCDED, #41956C, #2B4254)
Browse the whole catalog at Explore, or see today's palette.