Petrol Garden color palette — #D0F4FB · #00768B · #004B5F · #001722 · #000103
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D0F4FB): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00768B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004B5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001722): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged 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
- Inked Denim Hollow color palette (#E0F3F7, #006475, #003747, #001D29, #000912)
- Softworn Harbor color palette (#D8F6E7, #007599, #3C6100, #003041, #010200)
- Charred Cobalt color palette (#D4E1ED, #006CBA, #00438D, #000936, #00000B)
- Cobalt Market color palette (#DAE6F1, #0083D3, #004270, #231A20, #000916)
- Aged Lagoon color palette (#E2F1FD, #005A88, #620B95, #003B30, #000103)
- Softworn Iris Station color palette (#CBE7DE, #9DBFF6, #7481DA, #004E6C, #000104)
- Velvet Bronze Chapel color palette (#EEE4D2, #80732D, #4A3900, #1B1000, #010100)
- Antique Terrace color palette (#C4EAFF, #41BCFF, #0084D0, #004A90, #011A53)
Browse the whole catalog at Explore, or see today's palette.