Petrol Thicket color palette — #EBF3F7 · #D4D7DF · #BBBAC6 · #3B818A · #202F34

Slate takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D4D7DF): bright and airy, almost weightless.
• Ash (#BBBAC6): a calm mid-gray that lets other colors speak.
• Slate (#3B818A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#202F34): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Softworn Petrol color palette (#EEF2FA, #DBD3DE, #BBB3C5, #5E5E92, #1B202D)
• Patina Basalt color palette (#D4F5FF, #A2B7CB, #797F95, #465C4E, #1D3F31)
• Muted Lagoon color palette (#E5F7EE, #A1BD95, #4C8269, #3B5A67, #112D28)
• Softworn Abyss color palette (#E3F2FA, #96A1AD, #6E7C99, #003D4A, #000509)
• Ancient Coast color palette (#F1F7F2, #D1DEDF, #D8C2C7, #00A2B1, #414A43)
• Tempered Delta color palette (#FFECF2, #43AEB6, #4A6BA3, #643C00, #032637)
• Wandering Basin color palette (#E7E9F3, #B3B1BD, #95879E, #4C2B87, #080917)
• Chalky Pier color palette (#E5F5FE, #7CF7E4, #64CCFF, #8F8EDB, #11273E)

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