Petrol Garden color palette — #F4E6DF · #81BFC7 · #007699 · #004D3B · #00172E
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F4E6DF): bright and airy, almost weightless.
- Ash (#81BFC7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00172E): 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
- Washed Cobalt color palette (#F1E7DC, #8EB8DF, #4D66B1, #004A54, #18083A)
- Petrol Atelier color palette (#EEF0E2, #98BCA0, #007588, #00504E, #003442)
- Muted Denim Market color palette (#F1E3D9, #67A6C1, #005A9C, #003938, #040032)
- Faded Cobalt Boulevard color palette (#FCEFE5, #A1D8F7, #4183D7, #006264, #1C1E4D)
- Ancient Cerulean Balcony color palette (#EAF9F6, #ADF4FD, #0AA3BC, #006A68, #00232D)
- Lagoon Grove color palette (#F5E5DC, #409A96, #00535F, #002E15, #00050A)
- Raspberry Villa color palette (#F6DFED, #BE489E, #005D28, #004E50, #1A0013)
- Tempered Shell color palette (#FFE6E8, #FCACC5, #C78F67, #61528A, #311110)
Browse the whole catalog at Explore, or see today's palette.