Petrol Thicket color palette — #F0F6FC · #DBD7E5 · #B3B9E1 · #3B6AAC · #38414C

A conversation between Slate and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DBD7E5): bright and airy, almost weightless.
• Lavender (#B3B9E1): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#3B6AAC): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#38414C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Grape Studio color palette (#F4F4FD, #E5D4E5, #C4B4D6, #7D52AA, #3D3E4E)
• Patina Quarry color palette (#EAF3FD, #DBD3EA, #C0BBD6, #376FA1, #1C2630)
• Antique Harbor color palette (#EBEFF5, #C8CCD7, #9D9EB6, #384F97, #272E3A)
• Hushed Parlor color palette (#EAF9F5, #F7DCDD, #DCC1B9, #4B8AC8, #2F4540)
• Patina Driftwood color palette (#F6F4FA, #E2D7DD, #B6ABA3, #867B9C, #535157)
• Dusty Chestnut color palette (#E5ECFF, #B6A0DA, #9F688E, #6A5A15, #20543B)
• Aubergine Summit color palette (#E9E9F6, #ABA6B7, #887893, #4E1A67, #13121F)
• Aged Periwinkle Terrace color palette (#FAF2F9, #E7D5D8, #B6AB9C, #75A4F5, #483B47)

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