Petrol Pier color palette — #F4F2E7 · #98A95B · #006C9D · #4F5D00 · #000905
Peacock and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F2E7): a clean, paper-quiet neutral.
- Moss (#98A95B): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#006C9D): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#4F5D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#000905): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, muted.
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
- Washed Petrol color palette (#F0F4E7, #76AF88, #2166AB, #006636, #0D020F)
- Taupe Parlor color palette (#F6F1E9, #B69E57, #00756B, #685200, #010900)
- Weathered Pine Lagoon color palette (#F1F3EB, #9ABF9A, #0081A4, #0E7A24, #00130A)
- Softworn Forest Quarry color palette (#F4F6EE, #62AD6D, #006C68, #006120, #0F1C0E)
- Weathered Alley color palette (#FEE3D4, #5C9B66, #006871, #6B0929, #001E15)
- Muted Meadow color palette (#D9E5CE, #6BA980, #007665, #004148, #001C2E)
- Ultramarine Drift color palette (#E9F0E1, #00AF7D, #2622FB, #005B3F, #01001A)
- Byzantium Cabin color palette (#E9F6EA, #00BEC6, #8946B3, #00686D, #180109)
Browse the whole catalog at Explore, or see today's palette.