Petrol Garden color palette — #EDF8F4 · #EFD7DA · #C8B0D7 · #006794 · #02100B
A conversation between Peacock and Mauve, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF8F4): bright and airy, almost weightless.
- Shell Pink (#EFD7DA): A whisper-light, dusty red — the color of late-summer berries.
- Mauve (#C8B0D7): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#006794): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#02100B): A deep, shadowed, dusty teal — the color of sea glass.
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
- Wandering Denim color palette (#FCF1FA, #EED3CF, #DAAEAD, #4158AA, #150712)
- Antique Navy Meadow color palette (#E2DDE3, #BBAEBA, #9D8597, #00457B, #110612)
- Timeworn Cerulean color palette (#E1E8EE, #C1BEDA, #ADA2C0, #4F85B4, #12212E)
- Moonless Ultramarine color palette (#EBD8E6, #3548D8, #21002B, #060D11, #030003)
- Hushed Corridor color palette (#F8ECF2, #CFB3B6, #AC8880, #41267C, #030002)
- Dusty Violet Grove color palette (#FDF2F5, #E3D9D2, #D6C2A4, #945AAE, #261A1E)
- Wandering Pewter color palette (#C8EDCC, #7AA4D9, #905A96, #0B4C29, #001E0C)
- Feathered Garnet color palette (#E5F9E9, #008A97, #940506, #092D00, #000200)
Browse the whole catalog at Explore, or see today's palette.