Frosted Petrol Studio color palette — #ECF7FF · #58A9D9 · #BB7463 · #036D9B · #633328

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#58A9D9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#BB7463): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#036D9B): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#633328): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Frosted 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

• Hushed Coral color palette (#E5F9FF, #3EB3B3, #C26C76, #007575, #652F36)
• Bronze Boulevard color palette (#EAF7FF, #52ADCA, #A5852D, #00718C, #514014)
• Quiet Amber color palette (#E8F6EF, #5BB0D1, #CA734C, #006F8E, #451700)
• Antique Petrol color palette (#F0F5FF, #A0AEDD, #BA8F67, #606FA7, #64414F)
• Chalky Cerulean Terrace color palette (#EBF7FF, #74C4E4, #DD8E6E, #008DB4, #633421)
• Gentle Parlor color palette (#D0E8FF, #0088E3, #9D6000, #00518A, #432600)
• Aged Bronze Lantern color palette (#EAF8FF, #2397B3, #A66D20, #706523, #1E3C4B)
• Lapis Balcony color palette (#F1F5FF, #8A85E9, #927E00, #5543BC, #453A00)

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