Petrol Pier color palette — #F7EAF5 · #5FC2CF · #00719D · #005332 · #1C2D4E
Built around Peacock, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Blush (#F7EAF5): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#5FC2CF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005332): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#1C2D4E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Timeworn Bloom color palette (#FCF1F8, #8CD2E2, #397EB1, #1B604A, #2F385B)
- Timeworn Petrol Studio color palette (#E9EADE, #7AC1CA, #00788C, #004B4A, #001922)
- Petrol Parlor color palette (#E7F2E5, #79B8ED, #5360AD, #004F51, #36224E)
- Washed Basin color palette (#ECDCE4, #5AAAC9, #0056A5, #003F35, #1B1645)
- Dusty Lagoon color palette (#F1E5F3, #00A49E, #005264, #043304, #001529)
- Pale Lagoon color palette (#F8ECE6, #A2DFE8, #46B2DD, #009474, #002F56)
- Patina Ash color palette (#FAF2F8, #D7D5EA, #739FBE, #46787A, #465369)
- Antique Cerulean color palette (#F5E7EF, #008EAE, #003E6E, #00231B, #06012A)
Browse the whole catalog at Explore, or see today's palette.