Petrol Pier color palette — #F3E8D2 · #8B7300 · #0068AC · #4E3276 · #170E00

Built around Peacock, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Parchment (#F3E8D2): A whisper-light, dusty gold — the color of old brass.
• Walnut (#8B7300): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#0068AC): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#4E3276): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#170E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.

Use it as a design system

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

• Pale Hollow color palette (#F7F2DE, #7F7700, #00588C, #471E4C, #120500)
• Bronze Garden color palette (#FAE5D1, #A96000, #00727D, #2A3F7C, #1B0C00)
• Navy Bloom color palette (#E0F5E5, #8B6C00, #5D559E, #423780, #132D1C)
• Moss Meadow color palette (#F6F2E0, #839000, #5F72AD, #6D3E6B, #1F1A04)
• Olive Chapel color palette (#E9EBD6, #1E8D14, #6B53A4, #652D4E, #101200)
• Amber Field color palette (#FFF4E1, #C59600, #8080CC, #585893, #1E1302)
• Tempered Moss Summit color palette (#FBE6C4, #699C00, #006C52, #402A64, #181A02)
• Faded Navy color palette (#F4EACC, #5A5400, #004188, #3D0650, #030200)

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