Petrol Garden color palette — #E8F3FF · #D1D8FF · #DD9EAE · #00818C · #16213B
A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F3FF): a clean, paper-quiet neutral.
- Lilac Frost (#D1D8FF): A whisper-light, dusty violet — the color of a velvet chair.
- Rosewood Mist (#DD9EAE): A luminous, dusty red — the color of late-summer berries.
- Teal (#00818C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#16213B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged pastel, light, 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
- Antique Quarry color palette (#EDF1FF, #FFCFDB, #EEA19A, #006EA5, #1F1D37)
- Weathered Mallow Studio color palette (#EFF6FF, #D1D0FF, #C99ED2, #3F7498, #3A445A)
- Ancient Garden color palette (#F1F0FF, #E7D3DE, #DDB6B7, #6C83B5, #3B3648)
- Softworn Driftwood color palette (#DBE9FF, #C2A3DD, #BB6876, #005061, #0F0327)
- Lapis Orchard color palette (#ECE5FB, #E7C1DF, #BA9932, #5B4AB0, #2F0613)
- Dusty Garnet Atelier color palette (#ECDBE5, #B78A98, #905139, #6B1E34, #001E0F)
- Powdered Indigo Garden color palette (#F3EFFF, #F3D5C6, #F1B15F, #626BDD, #441526)
- Wandering Lime Pier color palette (#ECDDC9, #5DD565, #3984EA, #021B3E, #03070F)
Browse the whole catalog at Explore, or see today's palette.