Petrol Studio color palette — #DFEDEC · #64BFDB · #0080A7 · #005860 · #002234

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFEDEC): bright and airy, almost weightless.
• Cyan (#64BFDB): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005860): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002234): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Petrol Harbor color palette (#E0F4F3, #63A9DC, #0068B4, #00475E, #001233)
• Pale Cobalt Loft color palette (#E3F2F1, #87CEFA, #2D8CD3, #006883, #0C2E54)
• Cobalt Field color palette (#FDF1F9, #9DD6EA, #1D7DCE, #005343, #090034)
• Cerulean Study color palette (#DEEFED, #45A0B5, #00627B, #003B3E, #000B13)
• Turquoise Meadow color palette (#EBF9F7, #D1DCFB, #66ADDB, #398699, #374A5C)
• Sunlit Bloom color palette (#DEFDF6, #73E0DB, #00A0A6, #007463, #003A41)
• Wandering Amethyst Loft color palette (#EAE5FF, #8732FD, #BB1762, #006180, #15082C)
• Pale Mallow color palette (#DDE0F9, #D9A7FA, #C888C6, #5B58A1, #29183A)

Browse the whole catalog at Explore, or see today's palette.