Petrol Garden color palette — #D3F1DA · #007986 · #002E42 · #001506 · #010501
Built around Teal, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D3F1DA): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007986): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002E42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001506): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#010501): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Cellar Archive color palette (#D5E8DC, #005F73, #2B363D, #001C31, #000703)
- Pine Study color palette (#E8F1DA, #007F52, #1A3014, #0C1300, #040400)
- Cerulean Veranda color palette (#CCE5EF, #0097A8, #004B69, #002B39, #00151A)
- Timeworn Cobalt Lagoon color palette (#F3E7F4, #3277BF, #3F2838, #1C121D, #020805)
- Muted Cerulean color palette (#DEFFE5, #00A5B3, #213D5E, #051A0B, #010200)
- Plum Pier color palette (#D1E7FF, #0085E4, #C6375C, #476F00, #001931)
- Olive Pier color palette (#FCF0DB, #A9AE62, #56772E, #1D593F, #212300)
- Periwinkle Basin color palette (#DBFAF0, #3FB0FE, #AB5D00, #006095, #341800)
Browse the whole catalog at Explore, or see today's palette.