Petrol Garden color palette — #F1F4E5 · #7AC9DD · #007E9E · #005156 · #001D2B
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F4E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#7AC9DD): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007E9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005156): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001D2B): 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 Garden 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
- Muted Veranda color palette (#F1F3E9, #AFD1BA, #008AA7, #005B5D, #00281A)
- Faded Sapphire Drift color palette (#EFF4E6, #8DC1EE, #0071D2, #004D69, #00134A)
- Wandering Petrol Cabin color palette (#FFF0FA, #58C9E3, #0076A9, #00574B, #113162)
- Washed Bloom color palette (#E6FAF7, #6CDCF8, #009BC3, #007178, #00384F)
- Denim Study color palette (#DFE2D3, #55A9C5, #006082, #003840, #000C17)
- Navy Pier color palette (#E6EADD, #427FA6, #003E68, #001E28, #000105)
- Magenta Boulevard color palette (#FBEAEB, #DB1EC5, #007AAF, #820074, #001827)
- Hazy Plum Coast color palette (#F4D7DC, #CF005F, #8A5800, #671DB2, #23000A)
Browse the whole catalog at Explore, or see today's palette.