Petrol Summit color palette — #F9EBE2 · #82C1DC · #006AB4 · #003E3C · #010015

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9EBE2): bright and airy, almost weightless.
• Sky (#82C1DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• 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, muted.

Use it as a design system

One click turns Petrol Summit 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 Canyon color palette (#FDF3EA, #9DD2FE, #5175CD, #005059, #0E0030)
• Denim Coast color palette (#E9DDD7, #70AEB2, #005E76, #002D1E, #000103)
• Cobalt Archive color palette (#D5E3E2, #81B9D2, #008DC6, #006A7B, #001527)
• Hazy Cabin color palette (#F4E0EA, #3A9CC0, #004C82, #00302E, #060642)
• Plum Boulevard color palette (#F6E6EB, #B9006D, #00684F, #004E49, #040001)
• Periwinkle Pier color palette (#FCF3ED, #C2E5F6, #7CA9E2, #007F81, #262B4E)
• Powdered Quarry color palette (#FFEEEC, #FFB2AF, #D2920E, #68377B, #190005)
• Worn Hollow color palette (#FFE9E6, #CC4282, #007A56, #70003F, #000201)

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