Petrol Garden color palette — #D4E9F8 · #00688D · #0D0836 · #070C10 · #000103

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4E9F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00688D): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#0D0836): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#070C10): quiet, heavy and certain.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, 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

• Twilit Cypress color palette (#D1E3E7, #006F65, #322F35, #001520, #000201)
• Twilit Onyx color palette (#DCF7EB, #004C69, #07191C, #0B0530, #000402)
• Moonless Terrace color palette (#E1E8F8, #504BBF, #230124, #170D0F, #01000A)
• Azure Grove color palette (#EDF6FF, #5DA5DD, #40455A, #11202D, #01060A)
• Patina Cobalt Workshop color palette (#DAF6EA, #0083B7, #204075, #002419, #000201)
• Worn Delta color palette (#FBF2FA, #A7D4E6, #0084BA, #005436, #010236)
• Powdered Ultramarine Parlor color palette (#D3E4E7, #00A6F0, #034CE1, #2F0082, #12001C)
• Cellar Indigo color palette (#E5EFFF, #3D6FFF, #391C48, #01002A, #000103)

Browse the whole catalog at Explore, or see today's palette.