Petrol Garden color palette — #EEE4EB · #63AFB1 · #00819C · #00603F · #000A15
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#EEE4EB): a clean, paper-quiet neutral.
- Turquoise (#63AFB1): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#00819C): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#00603F): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Timeworn Chapel color palette (#E6DDE2, #7EA7BF, #0478C5, #005E59, #02002E)
- Dusty Cypress Lagoon color palette (#F0F1E0, #58A0A1, #00646D, #003C36, #000C0F)
- Azure Atelier color palette (#D5ECE9, #73B9A6, #23A1CF, #666B00, #00150C)
- Wandering Lagoon Meadow color palette (#F2E5DF, #008A8C, #004352, #002112, #000103)
- Feathered Emerald color palette (#E2EFE5, #34A268, #007C49, #00452A, #000301)
- Iris Coast color palette (#F8E7ED, #A0C5E4, #5E8FED, #007C85, #1D0E52)
- Worn Byzantium color palette (#CBE9E5, #4CA84C, #A035C7, #06520D, #0D0014)
- Pale Periwinkle color palette (#F7EAF2, #A3DEF0, #58ADE7, #009284, #122A5D)
Browse the whole catalog at Explore, or see today's palette.