Petrol Station color palette — #F0E7E4 · #9FBCA2 · #00759A · #004F25 · #001435
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F0E7E4): bright and airy, almost weightless.
- Sage (#9FBCA2): A luminous, dusty green — the color of new leaves after rain.
- Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F25): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Dusty Cerulean color palette (#F7F0ED, #B1D0BB, #4382AE, #005E43, #131D42)
- Aged Pier color palette (#F2E7DF, #8CBBD4, #3B68B7, #004C45, #18053F)
- Softworn Navy Coast color palette (#E9DBD3, #488291, #003F66, #002016, #01000C)
- Washed Nightshade color palette (#EDE2D7, #639687, #2B37A5, #002C2C, #070015)
- Muted Cypress color palette (#F7F0ED, #C8E5DF, #6FA4C2, #40795A, #442D42)
- Soft Workshop color palette (#FDD5CA, #A94456, #676100, #075D11, #1D0005)
- Aubergine Coast color palette (#FCDDE5, #9968B1, #008048, #6A008D, #001709)
- Frosted Denim Atelier color palette (#FFDEE6, #F7BDC9, #CD9453, #454E9B, #2D090F)
Browse the whole catalog at Explore, or see today's palette.