Petrol Grove color palette — #EDE3D4 · #9B6E00 · #0068B5 · #5B3F00 · #001023

A conversation between Cobalt and Ochre, giving this palette its sense of trust and stability.

The five colors

• Parchment (#EDE3D4): A whisper-light, dusty gold — the color of old brass.
• Ochre (#9B6E00): A full-bodied, balanced gold — the color of honey in a jar.
• Cobalt (#0068B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#5B3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#001023): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Soft Ultramarine color palette (#F7E3CA, #A77200, #1F5CD7, #513600, #000108)
• Soft Pier color palette (#FFE4D8, #BE5200, #00728B, #712E00, #001219)
• Pale Loft color palette (#F9EBDA, #CE9429, #0069D6, #825900, #000E28)
• Muted Lapis color palette (#EDE8D8, #8F7500, #5441E8, #544300, #0C003A)
• Dusty Study color palette (#F9E4C5, #885D00, #005CA5, #3D3A98, #0D0600)
• Chalky Coast color palette (#FFEAD4, #865100, #223AAE, #412500, #030040)
• Grape Workshop color palette (#DBF7E9, #736C00, #6F23B9, #3E3A00, #0A001A)
• Frosted Cornflower color palette (#C8F0D5, #D0AC29, #2476EB, #7F6600, #002A66)

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