Petrol Pier color palette — #D1E8FF · #006BB3 · #665900 · #443E00 · #00203C
Royal Blue and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D1E8FF): A whisper-light, dusty blue — the color of open sky before noon.
- Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#665900): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#443E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Midnight (#00203C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Hazy Villa color palette (#D5E6FF, #1A51F1, #536000, #324400, #07194D)
- Feathered Studio color palette (#C4ECFF, #007296, #943700, #682400, #002331)
- Wandering Chestnut color palette (#D7EDD3, #007C75, #7A5200, #413D00, #000E0D)
- Powdered Violet color palette (#EEECFF, #9053A5, #4D6D0E, #354E00, #262339)
- Pale Summit color palette (#DAE4FF, #5B41E8, #961477, #5D2F00, #1A1842)
- Faded Amethyst color palette (#D7DCFB, #8051D3, #1B5100, #003A2B, #151735)
- Feathered Bronze Pier color palette (#B9F0FB, #009B91, #A46800, #5E5B00, #002523)
- Patina Amethyst Dune color palette (#DFE7FF, #6A39FE, #753900, #003E23, #002422)
Browse the whole catalog at Explore, or see today's palette.