Petrol Ridge color palette — #EFF7F9 · #D7DBE5 · #BBBFD4 · #378189 · #3F4A4E

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

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D7DBE5): bright and airy, almost weightless.
• Ash (#BBBFD4): A luminous, dusty violet — the color of wild irises.
• Teal (#378189): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3F4A4E): quiet, heavy and certain.

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

Use it as a design system

One click turns Petrol Ridge 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

• Washed Petrol color palette (#F1F6FC, #DCD7EA, #B4B9E1, #4269AB, #39404A)
• Ancient Harbor color palette (#F1F7F1, #CEE1E2, #DDC5C9, #7B987B, #434A43)
• Worn Workshop color palette (#EAF9F3, #8CBAB2, #4A815E, #2E626D, #294944)
• Abyss Field color palette (#DAE4E9, #9AACBA, #6C819B, #003F4B, #07161D)
• Aged Coast color palette (#EAF8FF, #9BBCDC, #8089A7, #77606F, #3E553E)
• Aged Aubergine color palette (#EDEEF7, #B8B7C6, #9386AD, #49347D, #1B1E30)
• Sky Hollow color palette (#EBF7FF, #6EFDFC, #35C9FB, #6B7DCC, #24435A)
• Quiet Dune color palette (#EBF7FE, #0098B7, #7F4A92, #6F3603, #00413F)

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