Petrol Station color palette — #E1F3F0 · #8AB9CE · #00748D · #004F51 · #003344
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1F3F0): bright and airy, almost weightless.
- Ash (#8AB9CE): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003344): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Antique Cerulean color palette (#EDF8F7, #A4CBE2, #1C83AB, #005E69, #103F5A)
- Aged Parlor color palette (#E2F0EF, #76A6C0, #005D8D, #003C4A, #00203D)
- Turquoise Study color palette (#EEEFE7, #A2DFEB, #00B6DC, #009093, #003345)
- Patina Turquoise Drift color palette (#CCF8FB, #7CDECC, #00A9B3, #0F7248, #003A3F)
- Lagoon Atelier color palette (#E1F2EE, #32A1A2, #00545B, #00302A, #00181C)
- Muted Ash color palette (#EEF7F6, #D3DDEF, #6AA2B9, #3D797F, #415565)
- Feathered Sapphire Bloom color palette (#C2E6E5, #00975B, #1469C3, #005833, #002854)
- Moss Hollow color palette (#D7E3CF, #55A643, #00762A, #004828, #002E2D)
Browse the whole catalog at Explore, or see today's palette.