Petrol Pier color palette — #DCF2FF · #007792 · #734B00 · #00313E · #020100
A conversation between Teal and Bronze, giving this palette its sense of trust and stability.
The five colors
- Frost (#DCF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#734B00): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#00313E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Weathered Mulberry Parlor color palette (#CFE4EE, #007988, #A00028, #003239, #040000)
- Velvet Denim Coast color palette (#D3E3EF, #005685, #642C00, #002339, #0E0300)
- Hazy Workshop color palette (#E1EDFF, #3666C3, #635400, #001D75, #020100)
- Cobalt Market color palette (#C7E7DA, #0088C1, #A25E00, #005B83, #0C0400)
- Cellar Coast color palette (#CCEDD7, #687C2F, #483A00, #200D00, #000200)
- Peony Station color palette (#C9E3F7, #A7A8E9, #C170A5, #00544D, #000106)
- Wandering Orchard color palette (#DDE3D2, #8B8600, #0079B9, #0A0B13, #000103)
- Petrol Canyon color palette (#EDF6FF, #76BFFF, #9E8100, #0068A8, #1F1700)
Browse the whole catalog at Explore, or see today's palette.