Petrol Garden color palette — #EBF4F1 · #E2D4D7 · #C3B1BB · #416988 · #192320

Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Silver (#E2D4D7): a clean, paper-quiet neutral.
• Rosewood Mist (#C3B1BB): A luminous, dusty pink — the color of neon signs at night.
• Slate (#416988): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#192320): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Terrace color palette (#F0F6FB, #D9D8E2, #AFB2C4, #2F6A8F, #323C44)
• Tempered Veranda color palette (#F9EEF4, #E6CCD4, #C7A0A5, #584BA2, #24141D)
• Washed Cerulean Canyon color palette (#EEF8F4, #E5D3CE, #A6AA9D, #5B91B0, #26312D)
• Navy Archive color palette (#EEE7EF, #C3ABBC, #A38292, #154478, #0F080F)
• Dusty Atelier color palette (#D4E4FA, #BA92A7, #947076, #6E4900, #332C0F)
• Timeworn Station color palette (#FAF1E2, #A8A35D, #5B6D2D, #2C4F3F, #241B02)
• Airy Chapel color palette (#F8E6CA, #238DE8, #5B4F93, #562D00, #240F22)
• Hushed Periwinkle color palette (#FFEAFD, #7ADAFF, #80A2FF, #8765B0, #0E1132)

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