Petrol Pier color palette — #FBEAE3 · #6CC0CC · #00709E · #005333 · #192B55
Peacock and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBEAE3): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#6CC0CC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00709E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#192B55): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
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
- Hushed Corridor color palette (#F6EDE3, #85B7E4, #535EB4, #004F52, #352547)
- Petrol Alley color palette (#E0ECEA, #7CC0CB, #00788E, #004B4B, #001923)
- Cobalt Delta color palette (#FFF2EB, #86D2E6, #3A7EB3, #19604B, #4C2F45)
- Hazy Denim Cabin color palette (#F2DFD1, #60A9C8, #0055AA, #003F36, #1C1548)
- Timeworn Cerulean color palette (#EEF0E1, #ACCEB4, #0096B0, #006C6B, #003342)
- Patina Lagoon color palette (#FBEBE7, #2DA39C, #005364, #053303, #001528)
- Softworn Turquoise Pier color palette (#F5EBF2, #A9DCF0, #00B4E9, #009473, #002F56)
- Muted Cerulean color palette (#FBF4ED, #C0E6D8, #7589B9, #306E6A, #583F4B)
Browse the whole catalog at Explore, or see today's palette.