Petrol Garden color palette — #F6EDDF · #6DC1C6 · #00758A · #005143 · #003346
Teal takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F6EDDF): A whisper-light, dusty gold — the color of honey in a jar.
- Mint Leaf (#6DC1C6): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003346): 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
- Petrol Ridge color palette (#F5EDE1, #7DB8E6, #3767AE, #004D5D, #232B4D)
- Aged Cerulean color palette (#FBF4EA, #84D3E3, #0984AA, #00605A, #144438)
- Ancient Turquoise color palette (#EAE3D8, #32AED3, #005E89, #003E3F, #001F41)
- Ancient Canyon color palette (#D6F5E0, #7CCAFF, #829EE7, #00665F, #0D3F2E)
- Turquoise Ridge color palette (#E6F1EF, #A0E0E5, #00B9CF, #009289, #003440)
- Muted Basin color palette (#F5EADA, #008FAB, #00425C, #002222, #000A18)
- Wandering Ash Studio color palette (#F9F4ED, #C8E8E2, #6FA2B4, #5E7755, #425850)
- Dusty Brick color palette (#CDE6D2, #008F9B, #B93327, #00535B, #4E0E09)
Browse the whole catalog at Explore, or see today's palette.