Petrol Station color palette — #F4EDE3 · #7FBCCD · #00719A · #00504E · #033051
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EDE3): bright and airy, almost weightless.
- Ash (#7FBCCD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#033051): 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
- Worn Cobalt Lagoon color palette (#FAF4EB, #AACFBD, #3D7EAE, #005F65, #233B5E)
- Softworn Petrol color palette (#F3E6DF, #94BFA5, #0070B3, #004D3A, #0D0F38)
- Denim Market color palette (#F1E9DD, #6FA6CA, #0056A5, #003C47, #101B45)
- Ancient Sky color palette (#E6F2E8, #99E0F3, #07B3EF, #00918E, #0E304C)
- Hushed Cerulean Atelier color palette (#E9DECD, #3CA0A6, #005362, #003128, #001722)
- Navy Garden color palette (#F6EFE4, #5987A1, #003E6D, #002227, #00022D)
- Muted Cerulean color palette (#F9F4EE, #D0E2CE, #4998A1, #327057, #28513D)
- Pale Canyon color palette (#EAFAD7, #86D4CD, #33B3D8, #346B2F, #2B3C21)
Browse the whole catalog at Explore, or see today's palette.