Petrol Garden color palette — #DBEEFF · #0074AC · #854700 · #003D5D · #2C1300

Cerulean and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DBEEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0074AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#854700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003D5D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#2C1300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Patina Sapphire Delta color palette (#DEECFF, #0065DE, #7B4F00, #00357A, #281600)
• Brick Station color palette (#CCF0FF, #007B89, #AA0019, #004149, #3A0003)
• Washed Alley color palette (#DBF8EC, #0091CA, #A16500, #00597F, #281600)
• Weathered Meadow color palette (#D2E1EF, #005E9B, #91003E, #304500, #001325)
• Misty Periwinkle color palette (#EEF6FF, #5FA4EC, #B57C3A, #35689D, #583B1B)
• Soft Villa color palette (#D9E2FF, #6E47E2, #5F5D00, #3D0D91, #1D1C00)
• Nightshade Basin color palette (#DCE4FF, #5F72FF, #876D00, #3232BE, #392C00)
• Powdered Workshop color palette (#DEECFB, #A1B5FF, #956BCF, #00586F, #132743)

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