Petrol Station color palette — #FFF0FB · #60A984 · #00768E · #723B3D · #254348
Built around Teal, softened by Jade — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Jade (#60A984): A luminous, balanced teal — the color of sea glass.
- Teal (#00768E): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#723B3D): A full-bodied, dusty red — the color of embers at dusk.
- Deep Teal (#254348): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged retro, 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
- Tempered Cobalt color palette (#FFF1F6, #6BB7B2, #457BAD, #784F2E, #374B54)
- Muted Moss Atelier color palette (#FFF1F7, #979F41, #007C63, #653D65, #20453E)
- Dusty Denim color palette (#E9F9F8, #4E9C64, #535AA6, #70351A, #4F3012)
- Worn Teal Orchard color palette (#F5F4D4, #00B59D, #007A80, #39436F, #192716)
- Dusty Mint Loft color palette (#D8FFF5, #3CCAB3, #0099A0, #56618A, #274248)
- Wandering Lagoon Courtyard color palette (#FFD7ED, #00917E, #005980, #5E2500, #003032)
- Patina Coast color palette (#FBF2F7, #C0E2F6, #4A90C9, #187069, #3B485E)
- Frosted Market color palette (#DEFFE4, #009DB1, #3550CB, #5A4000, #003B52)
Browse the whole catalog at Explore, or see today's palette.