Petrol Station color palette — #EDF9ED · #3C9997 · #116A9A · #6C3900 · #004140
A conversation between Peacock and Bronze, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF9ED): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#3C9997): A luminous, balanced teal — the color of glacier melt.
- Peacock (#116A9A): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#6C3900): A full-bodied, balanced gold — the color of old brass.
- Deep Teal (#004140): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged muted, cool.
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
- Garnet Field color palette (#EFF9EC, #2B9C92, #007179, #801E2F, #00423D)
- Dusty Denim Archive color palette (#F0F8EA, #3D9C82, #6A5597, #564700, #004334)
- Gentle Balcony color palette (#E6FBEE, #008CA8, #8024A4, #324800, #003743)
- Sunlit Dune color palette (#E3F5FD, #009FB0, #754F9E, #6A2B12, #0D2504)
- Weathered Station color palette (#FEF4E6, #A68240, #166B94, #792D05, #4A3300)
- Petrol Canyon color palette (#D7EADF, #007E99, #3D2B3A, #0D2419, #06100C)
- Dusty Basalt color palette (#FBF4EC, #B9B08D, #597E5B, #42634A, #4F4100)
- Muted Pine Dune color palette (#FCF3F1, #CCE4CC, #4696B1, #217435, #573D59)
Browse the whole catalog at Explore, or see today's palette.