Petrol Thicket color palette — #F3E6E0 · #7EBFCD · #0074A1 · #004D40 · #021531

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

The five colors

• Parchment (#F3E6E0): bright and airy, almost weightless.
• Ash (#7EBFCD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D40): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#021531): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Worn Petrol color palette (#EEF0E0, #6DC0D0, #00748E, #004F52, #003345)
• Muted Sapphire Station color palette (#EEE8E1, #8DC0B0, #3262D0, #004A51, #150B39)
• Cobalt Orchard color palette (#F8F0EB, #9CD1E4, #1982C6, #005C55, #121E3F)
• Denim Workshop color palette (#F8ECE3, #6FA4C1, #0056A9, #00393A, #070030)
• Navy Boulevard color palette (#E8DED7, #3E819F, #003C6E, #001F1E, #00000C)
• Turquoise Loft color palette (#F7F0EC, #C9E3E0, #6AA3CB, #33796D, #412F40)
• Sapphire Quarry color palette (#E5E0D3, #8F8100, #295FDC, #504700, #000B3A)
• Bronze Alley color palette (#EADDD5, #AB7000, #684E00, #353500, #0C1700)

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