Petrol Basin color palette — #E1EDE7 · #B6C9C2 · #7EB1A4 · #006B89 · #10241B

A conversation between Peacock and Sage, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#E1EDE7): bright and airy, almost weightless.
• Stone (#B6C9C2): A luminous, dusty teal — the color of shallow lagoons.
• Sage (#7EB1A4): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006B89): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#10241B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Hushed Denim color palette (#DCE9E5, #CFBED0, #B79AB3, #00669E, #13231E)
• Patina Dune color palette (#D9E2DC, #A0C1B7, #A18399, #004D5C, #112419)
• Patina Jade Station color palette (#E1E6D1, #4EA67C, #007258, #00504C, #002112)
• Wandering Violet Courtyard color palette (#F4ECEF, #E2D3D7, #CDAEB4, #805BB4, #3A282F)
• Weathered Drift color palette (#CDEEE3, #19C5F4, #029DEB, #3C64DF, #001933)
• Muted Navy Station color palette (#EADDE5, #B19FA7, #A17989, #3B3887, #12040E)
• Weathered Market color palette (#F0F7F4, #D2DCDE, #D5B9B4, #6796B3, #404A46)
• Muted Iris color palette (#E2EDFF, #7D8DD3, #7368A5, #6B3B4E, #401519)

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