Petrol Garden color palette — #D1E9F4 · #00788B · #002F3F · #00131C · #000407
Teal and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D1E9F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002F3F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000407): quiet, heavy and certain.
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
- Hushed Cobalt Archive color palette (#E7F1FF, #4875B6, #243149, #0A1626, #02070D)
- Antique Cerulean Hollow color palette (#D6EBDD, #0096AE, #004C64, #132D1E, #09150B)
- Violet Balcony color palette (#C7EBFF, #008EC0, #8457CB, #007354, #001B28)
- Faded Courtyard color palette (#E8F3FF, #4A9FE3, #169D40, #005F9A, #00290A)
- Faded Azure Drift color palette (#D2F1FF, #0CACE8, #006EA8, #004479, #002452)
- Hazy Lagoon color palette (#E4F6F5, #ABD5F8, #3786D5, #005D7C, #08234E)
- Nocturne Lapis Quarry color palette (#D7E0F7, #4C32D9, #211440, #050124, #000107)
- Worn Forest color palette (#E3F8EE, #9BB26E, #507832, #005C2A, #1B2500)
Browse the whole catalog at Explore, or see today's palette.