Petrol Market color palette — #F8EBE3 · #68C4EA · #0069B5 · #003E3C · #010015

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F8EBE3): bright and airy, almost weightless.
• Sky (#68C4EA): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• 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.

Use it as a design system

One click turns Petrol Market 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 Orchard color palette (#FBEAE2, #60CACB, #007389, #004027, #000307)
• Misty Lagoon color palette (#FBF4ED, #9DD2FF, #446EEC, #005059, #0E032A)
• Wandering Field color palette (#EADDE3, #5393AD, #00488E, #002C25, #04001A)
• Antique Study color palette (#DCECEB, #63BCE4, #008DC9, #006A7D, #001528)
• Teal Loft color palette (#D0F2EC, #00ADA0, #005F5C, #001917, #000201)
• Periwinkle Drift color palette (#FFF3E8, #DCE3F6, #5997FF, #007178, #201A52)
• Plum Workshop color palette (#E5F2DB, #009377, #B70078, #004738, #040002)
• Hazy Boulevard color palette (#C3FDE8, #30E1FB, #61A5FF, #375F00, #000A09)

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