Petrol Garden color palette — #E7E9D8 · #61C2D1 · #00829B · #005959 · #00232F
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E7E9D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#61C2D1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005959): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00232F): 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
- Ancient Boulevard color palette (#EAEEE0, #62ACD0, #006DA0, #004856, #001529)
- Sunlit Pier color palette (#EDF1E1, #82D1F0, #0091C8, #006A79, #00314E)
- Airy Cobalt Orchard color palette (#FFF2EC, #9DD7E0, #0084BA, #005435, #000433)
- Turquoise Courtyard color palette (#F5F7EA, #91EBFF, #00ACD4, #008287, #00465F)
- Feathered Teal Canyon color palette (#B2F1D5, #6AD4C2, #14BCBC, #367D4C, #00271E)
- Muted Jade Villa color palette (#D6EAE1, #00B283, #007954, #00412C, #000B06)
- Aqua Pier color palette (#F5F6EE, #C6EBDF, #74C0C5, #798D70, #3B5141)
- Gentle Meadow color palette (#D7F1E3, #008A5E, #007397, #685700, #00170C)
Browse the whole catalog at Explore, or see today's palette.