Petrol Basin color palette — #EAFAF2 · #A8D1AA · #3F7A94 · #214C3B · #15261F

Slate and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFAF2): bright and airy, almost weightless.
• Pistachio (#A8D1AA): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#3F7A94): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#214C3B): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#15261F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Timeworn Balcony color palette (#FAF2FB, #98D5B0, #50759C, #513755, #291D2A)
• Cerulean Lagoon color palette (#EBF7FF, #BFF6C0, #0782A9, #063E52, #081116)
• Petrol Boulevard color palette (#FDF1FA, #F0B0BC, #5D6FA6, #55364F, #2B1C28)
• Hushed Azure color palette (#EDF6FF, #FFC6B1, #619BC9, #416786, #19232B)
• Denim Atelier color palette (#E9FAF4, #D3A28B, #0A5683, #00314F, #142620)
• Worn Station color palette (#FAF3F7, #E4D7D7, #CFBBBA, #818BBF, #4E444B)
• Softworn Cobalt Balcony color palette (#FAF2F9, #A4C5FD, #9383C4, #517FCE, #311D27)
• Emerald Basin color palette (#CEE6DE, #009D54, #003B5F, #001120, #000202)

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