Petrol Station color palette — #EEF8F1 · #CBDEDD · #A1C6B7 · #00778A · #38433B
A conversation between Teal and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF8F1): bright and airy, almost weightless.
- Silver (#CBDEDD): A whisper-light, dusty teal — the color of shallow lagoons.
- Stone (#A1C6B7): A luminous, dusty teal — the color of sea glass.
- Teal (#00778A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#38433B): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Worn Pine Dune color palette (#F3F7EF, #CEDED6, #ABC4A6, #007E5A, #324801)
- Cobalt Archive color palette (#F8F3F8, #E6D7DA, #CFBBBD, #5276A7, #4D454D)
- Dusty Denim color palette (#E7F2EC, #BCD2C9, #7DAC9F, #005E78, #24312B)
- Pine Orchard color palette (#F6F7E7, #7BB382, #007E4C, #165E4F, #3A3B34)
- Worn Navy color palette (#E2EDE9, #C3B3C3, #A4819D, #004778, #0B241F)
- Moonless Petrol color palette (#D0F2E6, #0070A4, #002B55, #001E16, #000909)
- Cobalt Studio color palette (#DAFFEF, #30DEF9, #00B5EB, #0079D8, #00354F)
- Hushed Atelier color palette (#FDF1F9, #E4CAD7, #C19AAA, #4A48B4, #412A3A)
Browse the whole catalog at Explore, or see today's palette.