Petrol Station color palette — #F4E6DB · #90BFAC · #416CA5 · #004B4D · #0F0D3B
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F4E6DB): A whisper-light, dusty gold — the color of honey in a jar.
- Mint Leaf (#90BFAC): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#416CA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0F0D3B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Petrol Thicket color palette (#F2E6E0, #7EC1BF, #00788C, #004E2C, #001827)
- Antique Cobalt color palette (#F9F0E7, #9FD4C5, #657AAD, #005A65, #201842)
- Dusty Petrol color palette (#EDF0E4, #96BBAC, #0E6EA7, #004D5F, #002E58)
- Cobalt Quarry color palette (#FFEEE2, #74C7ED, #0073CB, #005250, #0E0257)
- Azure Villa color palette (#ECF8F7, #D3DCF9, #3E99DB, #00667F, #001F3E)
- Aged Denim color palette (#F6E6DD, #5994A5, #004E77, #002C27, #000219)
- Emerald Workshop color palette (#DBE8D4, #00A060, #006350, #003D3A, #001D23)
- Muted Cypress color palette (#F8F0EC, #C9E4D0, #5D96B1, #126E58, #38233B)
Browse the whole catalog at Explore, or see today's palette.