Petrol Station color palette — #C0EDEE · #00758F · #00435F · #00102D · #00000B
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C0EDEE): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#00758F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00435F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00102D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Petrol Station 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
- Eclipse Parlor color palette (#D6E6EA, #0071A2, #003C71, #0B005B, #020007)
- Denim Bloom color palette (#DAEBF2, #005777, #003049, #001122, #000104)
- Cypress Balcony color palette (#D4ECDA, #008365, #004D49, #00191E, #000102)
- Hushed Petrol color palette (#DAEFE8, #0070B0, #784800, #002E4C, #020100)
- Patina Corridor color palette (#C9ECE1, #AFB2F8, #B57DBE, #005665, #01000C)
- Lowlit Nightshade Basin color palette (#D4E5FF, #447BD1, #002FA9, #00091D, #000107)
- Frosted Nightshade Loft color palette (#DEF3FF, #006DC0, #191BBB, #1E004D, #020006)
- Washed Olive Meadow color palette (#F5ECD4, #697A46, #443D00, #1C0F00, #000200)
Browse the whole catalog at Explore, or see today's palette.