Petrol Pier color palette — #F1D5E4 · #B86536 · #006EB4 · #763200 · #002B4A

Built around Royal Blue, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F1D5E4): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#B86536): A full-bodied, balanced orange — the color of autumn markets.
• Royal Blue (#006EB4): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#763200): A full-bodied, balanced orange — the color of sun-warmed clay.
• Midnight (#002B4A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Ancient Chapel color palette (#E9D8E9, #BE5B63, #00778A, #8B0028, #002F37)
• Amber Summit color palette (#E6F3E5, #BB7F2F, #0083B2, #784B00, #003B52)
• Sapphire Archive color palette (#D2E3D5, #A07700, #405AD8, #5E4400, #15215C)
• Muted Denim color palette (#D8ECDB, #8D6500, #005E94, #4C3400, #001C32)
• Timeworn Byzantium color palette (#F8E3D6, #CA581B, #8E37C5, #762C00, #1E0030)
• Chalky Bloom color palette (#F5D8C0, #FFAD74, #07B0EC, #A85500, #002D40)
• Feathered Iris color palette (#EBFAEE, #B89C5B, #6886D5, #7F6000, #324166)
• Worn Amber Study color palette (#F5D3E0, #DC7D00, #00A060, #915100, #00321B)

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