Petrol Garden color palette — #E7F4FF · #66AAE2 · #0168A7 · #003758 · #000C1A

Built around Peacock, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#66AAE2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#0168A7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003758): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000C1A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, muted, cool.

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

• Misty Denim Corridor color palette (#EEF6FF, #62A3D4, #0065A1, #00395F, #002641)
• Linen Navy color palette (#EEF1FF, #95A3EA, #555BA7, #27216E, #0C0039)
• Patina Garden color palette (#EDF7FF, #AED7FF, #5397D9, #005284, #000D1E)
• Muted Summit color palette (#B7FBFC, #44BCBD, #00767A, #003E40, #001010)
• Cobalt Meadow color palette (#FFEBFB, #9FB6ED, #5E7BBD, #293F76, #071135)
• Powder Parlor color palette (#D2FDF0, #D4E6FF, #A0ACEC, #257194, #352037)
• Cobalt Villa color palette (#E0EBFB, #327CD6, #00498D, #001B3D, #000106)
• Faded Coast color palette (#F7E2EF, #6568C6, #9A435F, #004E51, #1F0518)

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