Petrol Pier color palette — #C9E7EC · #007581 · #49403D · #002E38 · #000C10
Teal and Deep Forest set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C9E7EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007581): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#49403D): a grounded near-black with real depth.
- Deep Forest (#002E38): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000C10): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged monochrome, 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
- Petrol Pier color palette (#D5EFF4, #006C7B, #003139, #191317, #00090D)
- Timeworn Cerulean Alley color palette (#CCE4E9, #009DBE, #00748D, #003F48, #000203)
- Antique Cerulean color palette (#D7F7FD, #008DA3, #004E5D, #001F27, #000203)
- Quiet Azure Thicket color palette (#C3E6FF, #369ED4, #00608B, #003144, #001B29)
- Midnight Boulevard color palette (#D6E4F0, #00628D, #4C0036, #002032, #060003)
- Dusty Bronze Studio color palette (#ECE9C8, #A36400, #006F87, #090F15, #000204)
- Cornflower Field color palette (#D0E5FF, #5482D5, #004085, #001450, #000B1E)
- Wandering Basin color palette (#CCF0FA, #5CA3D2, #7D51B6, #003B19, #00141D)
Browse the whole catalog at Explore, or see today's palette.