Petrol Garden color palette — #FAF2FA · #A7C2E7 · #9A6B92 · #436EA7 · #38292B
A conversation between Slate and Heather, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF2FA): a clean, paper-quiet neutral.
- Sky (#A7C2E7): A luminous, dusty blue — the color of deep harbor water.
- Heather (#9A6B92): A full-bodied, balanced pink — the color of a candy shop window.
- Slate (#436EA7): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#38292B): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Tempered Station color palette (#F0F7F2, #86CED9, #697BB0, #1F7A86, #342A32)
- Aged Petrol Summit color palette (#EDF4F1, #A5CEBD, #B0688B, #007CA8, #211110)
- Antique Summit color palette (#F0F6FB, #ACD8F5, #C386A3, #2F96CD, #33293A)
- Washed Garnet color palette (#FFF0FC, #B5B3DF, #8B71A7, #764875, #6A2951)
- Softworn Ash Field color palette (#FFF4E2, #A1A1D8, #8E6791, #675824, #56404A)
- Weathered Rust color palette (#FDF2F4, #C69FCC, #A8504D, #7C4884, #321F17)
- Muted Driftwood color palette (#FAF3F7, #E2D7D7, #B0ADA4, #9A748E, #594F55)
- Aged Chestnut color palette (#FBF2F9, #6580B0, #915540, #4D572A, #2B3B2E)
Browse the whole catalog at Explore, or see today's palette.