Petrol Studio color palette — #E9DAE5 · #54B1C3 · #006DA2 · #004C35 · #060C3A
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Silver (#E9DAE5): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#54B1C3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#060C3A): A deep, shadowed, balanced violet — the color of wild irises.
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
- Sunlit Ultramarine Thicket color palette (#EEDFE4, #5CABDB, #345BCD, #004A47, #1A003C)
- Antique Summit color palette (#FCEAE1, #70C5D7, #00709B, #003F34, #00020B)
- Timeworn Cerulean Archive color palette (#F7EEE0, #26A0B4, #00516A, #00302D, #001626)
- Hushed Alley color palette (#DEEEEC, #7ABCCB, #0091B3, #006C70, #001721)
- Powdered Cobalt color palette (#F6EAF4, #94D0D9, #0091CB, #007047, #1C2C4F)
- Gentle Pine color palette (#FBF1FB, #95EDED, #00ABD7, #008936, #1E4168)
- Periwinkle Corridor color palette (#FCF2F6, #D6DDF8, #80A2F1, #2F8A85, #414661)
- Muted Terracotta color palette (#E8DEC6, #96BC6A, #00A1A6, #8E3200, #161600)
Browse the whole catalog at Explore, or see today's palette.