Petrol Pier color palette — #D4F8EE · #1A6BB3 · #6E1300 · #353300 · #001F1C
Royal Blue and Oxblood set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D4F8EE): A whisper-light, dusty teal — the color of shallow lagoons.
- Royal Blue (#1A6BB3): A full-bodied, balanced blue — the color of deep harbor water.
- Oxblood (#6E1300): A deep, shadowed, balanced orange — the color of autumn markets.
- Espresso (#353300): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001F1C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Garnet Coast color palette (#D6F7E2, #006982, #760045, #402900, #001B0B)
- Dusty Lapis Canyon color palette (#FFE8F9, #3336FF, #6E2D00, #233000, #001A1C)
- Chalky Lapis color palette (#FCDEF2, #5545FF, #8E0038, #3A3300, #002B2A)
- Byzantium Quarry color palette (#FFF1F6, #8949BB, #634800, #003F23, #06251E)
- Antique Denim Workshop color palette (#FCF1FB, #E3CAD9, #C09AA9, #3056A5, #3D2D3B)
- Cobalt Studio color palette (#FBF2FA, #5482C6, #97533A, #525049, #2D3B2F)
- Hazy Veranda color palette (#FFE1A2, #4D69FF, #7700AA, #4B3300, #261E54)
- Ancient Indigo color palette (#E6EFFF, #556AFF, #B10062, #4D4F00, #001625)
Browse the whole catalog at Explore, or see today's palette.