Petrol Garden color palette — #E2F7F5 · #53A166 · #0068AC · #67234F · #2A1B00
Peacock takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E2F7F5): A whisper-light, dusty teal — the color of glacier melt.
- Kelly Green (#53A166): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#0068AC): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#67234F): A deep, shadowed, balanced pink — the color of peonies in June.
- Onyx (#2A1B00): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.
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
- Sunlit Moss color palette (#E8F5F2, #759B54, #007088, #4E306B, #390D06)
- Wandering Ultramarine color palette (#E6F5F8, #00A493, #5758AE, #69282E, #1D2100)
- Moss Lantern color palette (#F7F6E8, #71972D, #715392, #6A334A, #512C29)
- Muted Alley color palette (#BFEAEE, #00856A, #0037BF, #540032, #150C00)
- Worn Clover color palette (#F3F8E5, #50BF6F, #4388B3, #784B76, #3D3732)
- Washed Aubergine Terrace color palette (#E3F0F8, #0088AF, #763387, #542400, #011A01)
- Dusty Denim Alley color palette (#D0EEEC, #91BEC6, #60899D, #5D5174, #3F3043)
- Wandering Pine color palette (#E6F6F0, #A0BD96, #39875B, #335F51, #122D29)
Browse the whole catalog at Explore, or see today's palette.