Petrol Station color palette — #F7E5DC · #68C3D3 · #00759E · #004D3E · #001532

Slate and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F7E5DC): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#68C3D3): A luminous, balanced blue — the color of open sky before noon.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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

• Weathered Atelier color palette (#F6EAF3, #83BCC6, #0070A1, #005236, #18295C)
• Hazy Station color palette (#F2E4D8, #5BA6CC, #0057A6, #00393A, #060527)
• Aged Cobalt color palette (#FCEFE7, #A7D3BB, #3482BA, #005C55, #2F162C)
• Softworn Lagoon color palette (#E4FBF7, #C3E4FF, #00A2C3, #00696C, #00222F)
• Aged Lagoon Thicket color palette (#FCECE4, #009E9D, #005262, #002E19, #00050B)
• Softworn Ash Harbor color palette (#F8F0EB, #BEF0EB, #77A897, #5D7254, #412F40)
• Pale Teal color palette (#A4F3D5, #00B394, #006D51, #003121, #000603)
• Timeworn Azure color palette (#EAF5D7, #88DCD9, #49A8DF, #575E05, #0B1F01)

Browse the whole catalog at Explore, or see today's palette.