Petrol Pier color palette — #F2E5E9 · #89BADE · #4869AB · #004A51 · #140E34
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F2E5E9): a clean, paper-quiet neutral.
- Sky (#89BADE): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4869AB): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#140E34): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Worn Petrol Bloom color palette (#F8ECE1, #85B8DC, #4862B2, #00504E, #332155)
- Petrol Pier color palette (#F1E5ED, #6BC4C8, #007792, #004E34, #00182A)
- Faded Lantern color palette (#F5EDE2, #9BCBEF, #5387D0, #00697D, #1F285B)
- Antique Ash color palette (#EEF4ED, #D8DBEF, #889BCB, #487283, #303549)
- Worn Teal Ridge color palette (#CFF2F3, #00ACAF, #006A6E, #002E32, #000909)
- Antique Cerulean color palette (#F4DFEA, #0098C1, #004C80, #002C2A, #01001E)
- Linen Archive color palette (#C8E7EE, #00938A, #BA2663, #00524D, #290010)
- Wandering Glacier Cabin color palette (#C9F8FF, #77DBFF, #889ADA, #356B43, #001C24)
Browse the whole catalog at Explore, or see today's palette.