Petrol Garden color palette — #D9EEFE · #006895 · #3C3235 · #102245 · #000A16
Peacock and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9EEFE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006895): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#3C3235): quiet, heavy and certain.
- Midnight (#102245): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Muted Cypress Villa color palette (#DAF3F9, #00706A, #463F46, #002931, #000C0F)
- Dusty Azure color palette (#D7E7F7, #2F94E7, #414D65, #242F3A, #13191E)
- Patina Alley color palette (#CEE4DB, #0083B8, #353F67, #002031, #000301)
- Muted Loft color palette (#E0F0E3, #3BC5D8, #0081A1, #005A51, #002235)
- Hushed Magenta Hollow color palette (#E3E0F1, #BE3EC8, #473953, #221F2D, #0C0D13)
- Inked Ultramarine color palette (#E1E9F7, #004BAF, #160B41, #15111A, #00020A)
- Worn Archive color palette (#EAF0FF, #4760FF, #3B2E5D, #0C1A34, #000814)
- Cocoa Dune color palette (#E0F1F9, #729BCA, #6A6693, #6C381F, #342300)
Browse the whole catalog at Explore, or see today's palette.