Petrol Basin color palette — #D5EFE0 · #40A6A4 · #007EA6 · #754261 · #360F15

Cerulean and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D5EFE0): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#40A6A4): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#007EA6): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#754261): A full-bodied, balanced pink — the color of neon signs at night.
• Onyx (#360F15): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Jade Pier color palette (#DDE8D2, #1CB181, #008489, #5C436B, #390A25)
• Misty Cobalt Harbor color palette (#D0EFF6, #569BCD, #666EB6, #754135, #2F0E1E)
• Lagoon Lantern color palette (#DEE4D5, #209C85, #086B95, #63291E, #32152C)
• Ancient Lagoon color palette (#D6F1EB, #009995, #007780, #005463, #001823)
• Soft Scarlet color palette (#D7F1FD, #009EB3, #DE3C16, #006F7E, #240300)
• Muted Aqua color palette (#D5E4D8, #31C5D6, #0091B3, #006E62, #001624)
• Tempered Aqua Pier color palette (#D2FAED, #51CCDD, #58A2CD, #AC5F7F, #6B221C)
• Worn Corridor color palette (#D7F3FF, #00ADDB, #007E9F, #005269, #000406)

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