Petrol Pier color palette — #DFF3FF · #007593 · #003C4E · #001620 · #000102
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#DFF3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007593): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003C4E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001620): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Cypress Workshop color palette (#C7E6E1, #007F6C, #004738, #001512, #000201)
- Azure Drift color palette (#BFE9FF, #00ADE6, #00629B, #003250, #000B15)
- Cellar Sapphire color palette (#E5EDFB, #066FD1, #00346A, #000F2E, #000105)
- Garnet Courtyard color palette (#DEEAF7, #006DAA, #69002A, #002C49, #040001)
- Aged Petrol color palette (#E1E1CF, #936400, #00689B, #090C14, #000103)
- Linen Violet color palette (#C8EAF6, #589FDC, #8C59B2, #004F36, #00080E)
- Airy Studio color palette (#F0EAFF, #A6A0EB, #6753A1, #3F2165, #0C0029)
- Weathered Cerulean Veranda color palette (#E8F3FF, #A9D3F4, #6084B4, #234F6F, #09213D)
Browse the whole catalog at Explore, or see today's palette.