Petrol Pier color palette — #FCF2F5 · #C09B70 · #399AAB · #6063A9 · #392D3B
Slate and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF2F5): a clean, paper-quiet neutral.
- Camel (#C09B70): A luminous, dusty gold — the color of honey in a jar.
- Cerulean (#399AAB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#6063A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#392D3B): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Ancient Petrol Coast color palette (#EFF8F2, #BDB281, #399D9C, #6A5CA3, #61342E)
- Washed Marigold Summit color palette (#FDF3EA, #E2A051, #40A7B3, #63648C, #2F1D19)
- Tempered Terrace color palette (#FBF2FA, #D69896, #4A9370, #0D6D9B, #322F3F)
- Antique Mulberry color palette (#EDF8F3, #A6AC6C, #5988BD, #8C4E83, #452F3A)
- Washed Petrol color palette (#ECF9EE, #D0BC88, #839C6B, #506FA2, #364E42)
- Hazy Grape color palette (#E4FCED, #B58F00, #007FAB, #770EB5, #3E1209)
- Weathered Hollow color palette (#E6FAF6, #76A063, #6275C4, #93305F, #20301F)
- Ancient Taupe color palette (#EAF5F0, #9DA160, #465E59, #2A3D35, #1D241F)
Browse the whole catalog at Explore, or see today's palette.