Petrol Garden color palette — #D4E4DD · #00749E · #2A2962 · #102022 · #000A05
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D4E4DD): bright and airy, almost weightless.
- Slate (#00749E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2A2962): A deep, shadowed, balanced violet — the color of wild irises.
- Onyx (#102022): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Creativity, Sophistication. 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
- Cypress Hollow color palette (#D3E9CD, #007B71, #00374D, #0D1916, #010A00)
- Inked Cobalt color palette (#DAECFF, #006CBD, #39245B, #110014, #000201)
- Lowlit Denim color palette (#CCE9FF, #005A7E, #00153E, #13121A, #000307)
- Airy Study color palette (#DDF0FF, #0199EA, #5A4D8D, #133852, #000B02)
- Iris Corridor color palette (#EADBE5, #8896FF, #7D5781, #503949, #051510)
- Linen Corridor color palette (#EBDDC4, #7AA92A, #00855B, #005F78, #0A1300)
- Cerulean Lantern color palette (#F4E5DF, #53C2CE, #008EC2, #007144, #000F39)
- Violet Meadow color palette (#F9DAEA, #896EFF, #6A4661, #3D2834, #000604)
Browse the whole catalog at Explore, or see today's palette.