Soft Petrol color palette — #E1F3F2 · #84B6E6 · #2D68B3 · #004B69 · #1C2C50

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E1F3F2): bright and airy, almost weightless.
• Sky (#84B6E6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2D68B3): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004B69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#1C2C50): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Soft Petrol 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

• Timeworn Meadow color palette (#E5F2EF, #71C0C9, #007588, #00504E, #003442)
• Wandering Cobalt Lagoon color palette (#F4EEE3, #A1C9EF, #6286C7, #006881, #252952)
• Worn Quarry color palette (#E5FBF7, #76DFF9, #008DB0, #00666B, #004661)
• Muted Cerulean Corridor color palette (#D3EBE9, #379AC7, #004F77, #002E39, #00152A)
• Iris Quarry color palette (#F9EAEF, #BCD6F1, #8D9BFC, #009096, #37224C)
• Weathered Byzantium color palette (#EEDCF3, #A500C4, #A82629, #004C91, #201A37)
• Blush Basin color palette (#FFEAFE, #FDAAE7, #D87AA1, #6B4783, #332A43)
• Softworn Orchard color palette (#EFEEFF, #9C5EFC, #763AB5, #501A6D, #3E1B47)

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