Petrol Basin color palette — #EFE8DE · #7ABFD3 · #00749F · #004B4A · #00172D

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

The five colors

• Parchment (#EFE8DE): bright and airy, almost weightless.
• Sky (#7ABFD3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00172D): 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

• Faded Petrol Corridor color palette (#F5EBF1, #5CC1D9, #006DAC, #00523D, #242B4C)
• Washed Cobalt color palette (#F6F1E9, #A5D4BE, #0B82C8, #005A61, #2E162E)
• Patina Denim Pier color palette (#EFE6D9, #6EA3C8, #0056A9, #003842, #030130)
• Patina Turquoise Study color palette (#F5F1EB, #C3E7E6, #6DA3C8, #28787B, #3F3040)
• Tempered Navy color palette (#E9E2D7, #497F9E, #003D6D, #001E23, #00000D)
• Cerulean Veranda color palette (#F6F1E9, #CAE5C8, #00A0AE, #166E52, #113424)
• Dusty Plum Delta color palette (#FFE6E5, #AD357A, #636200, #00546F, #1C0103)
• Mulberry Grove color palette (#F6DEDE, #BC5399, #007F55, #7D005F, #00170C)

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