Lowlit Petrol Pier color palette — #E3F3ED · #0071B0 · #192651 · #00150F · #000502
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E3F3ED): a clean, paper-quiet neutral.
- Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#192651): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#00150F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Lowlit 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
- Obsidian Cypress Harbor color palette (#DBEBDB, #007B7C, #002F3C, #001602, #010500)
- Eclipse Quarry color palette (#EBDBE8, #3057D0, #261C46, #160515, #000302)
- Wandering Alley color palette (#D9ECFE, #008DDB, #34426E, #152839, #081319)
- Wandering Indigo Lantern color palette (#F7E5EE, #7264C3, #452630, #1E1119, #090508)
- Ancient Chapel color palette (#F8F1E6, #97DCEE, #008FBD, #00625E, #002743)
- Violet Boulevard color palette (#E2E1FF, #7D6AEC, #BC4F00, #007354, #161232)
- Hushed Pine Studio color palette (#F4F3E3, #7DB885, #007E5C, #00585A, #04280D)
- Twilit Nightshade color palette (#F3DBEB, #3500BD, #16002C, #15060B, #040003)
Browse the whole catalog at Explore, or see today's palette.