Petrol Basin color palette — #F4EDE3 · #88B9CF · #246E9F · #004F54 · #122D53

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Ash (#88B9CF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#246E9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#122D53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Petrol Basin 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 Quarry color palette (#FBF4E9, #A1D1C0, #4A7BB3, #005E6C, #2C395D)
• Denim Bloom color palette (#E9E1D6, #79A3CD, #33539A, #003B4C, #191845)
• Ancient Cobalt Villa color palette (#F1E7E0, #93BFA9, #1E6AC0, #004C41, #130C3A)
• Weathered Parlor color palette (#EFE6D8, #5B9BA7, #005169, #00302C, #001626)
• Worn Lantern color palette (#E8F1EA, #A4DDF6, #2FAEFC, #009098, #0E2D56)
• Hushed Petrol Harbor color palette (#F9F4EE, #CAE6E7, #799DC0, #327A84, #5F4B5C)
• Antique Navy color palette (#EFE7DB, #4F86B1, #06387F, #00212A, #04002D)
• Hazy Forest color palette (#E5FDD9, #76D4DD, #56ACD9, #13703D, #1E361D)

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