Petrol Garden color palette — #EDF4EF · #C9DADC · #C4B1BB · #00727F · #1A231C
Teal takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EDF4EF): a clean, paper-quiet neutral.
- Silver (#C9DADC): a clean, paper-quiet neutral.
- Rosewood Mist (#C4B1BB): A luminous, dusty pink — the color of a candy shop window.
- Teal (#00727F): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#1A231C): 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
- Softworn Cerulean color palette (#EDF7FC, #D7DAE3, #BDABAB, #4896AA, #233037)
- Denim Archive color palette (#F8EEF9, #E1CED7, #CC9DA3, #005AAB, #251127)
- Aged Ridge color palette (#F9F1E0, #8CAA7E, #29735D, #1A4C63, #1E1E02)
- Timeworn Study color palette (#D5E2DA, #BBAFBA, #9E8590, #004C5E, #000F06)
- Velvet Orchard color palette (#CCE7DE, #006AA4, #341C29, #00100B, #000301)
- Cocoa Study color palette (#CFE9E9, #85B3A3, #856E94, #5B4500, #312E28)
- Terracotta Basin color palette (#E1F3E6, #008B9E, #86393D, #482D00, #1F1000)
- Tempered Grove color palette (#FAE6CE, #009DA1, #495596, #4F3200, #001E12)
Browse the whole catalog at Explore, or see today's palette.