Petrol Garden color palette — #F4E3EE · #63B1B0 · #007288 · #004D2E · #001625
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F4E3EE): A whisper-light, dusty pink — the color of neon signs at night.
- Turquoise (#63B1B0): A luminous, dusty teal — the color of glacier melt.
- Teal (#007288): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D2E): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#001625): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Aged Petrol Quarry color palette (#F6E5EE, #68ACC8, #0069B0, #004A47, #06093F)
- Tempered Coast color palette (#F4EDE2, #76C7C6, #007483, #003F30, #000305)
- Lagoon Veranda color palette (#E9EAD9, #0BA3A4, #00545A, #00302A, #00181C)
- Antique Pine color palette (#FBE9E4, #6FC0C1, #0090B7, #00722F, #00132E)
- Patina Station color palette (#FBF2F9, #A2E2E5, #00A5CC, #197E5C, #213D56)
- Hazy Cerulean color palette (#D4EED2, #75CBAF, #00A2C5, #5E5D00, #001C10)
- Powdered Archive color palette (#D5F4DB, #09AA46, #006928, #002C18, #000300)
- Powdered Olive Corridor color palette (#F5EDD4, #797F00, #345E00, #003F1C, #00160F)
Browse the whole catalog at Explore, or see today's palette.