Petrol Studio color palette — #E8E0D4 · #53C3D4 · #0081A2 · #005A52 · #002236
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E8E0D4): a clean, paper-quiet neutral.
- Cyan (#53C3D4): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0081A2): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Cobalt Balcony color palette (#EFE7D9, #83B8DF, #3975C2, #005767, #131B42)
- Muted Corridor color palette (#E7FAF7, #90DAE7, #0088A3, #005152, #000F16)
- Wandering Field color palette (#F8E6DD, #83A98D, #006080, #003F31, #001F40)
- Timeworn Azure color palette (#EEE5EC, #9DC7D9, #009FD4, #008067, #001F41)
- Turquoise Villa color palette (#EBE3D5, #00A6B2, #006277, #003C33, #000B13)
- Softworn Cornflower color palette (#FDF4E5, #97D2FF, #3089FE, #006F84, #20296D)
- Ancient Turquoise color palette (#FAF4EC, #BCEAE6, #6FADD1, #418887, #245148)
- Azure Pier color palette (#FBF4E9, #A8DCFE, #6A99CD, #00798B, #4A3146)
Browse the whole catalog at Explore, or see today's palette.