Petrol Garden color palette — #E1EDEA · #B69EA1 · #9F8481 · #1D67A1 · #000C09
Built around Peacock, softened by Heather — the whole palette hums with trust and stability.
The five colors
- Cream (#E1EDEA): bright and airy, almost weightless.
- Taupe (#B69EA1): A luminous, dusty red — the color of a theater curtain.
- Heather (#9F8481): A luminous, dusty orange — the color of sun-warmed clay.
- Peacock (#1D67A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Hushed Grape Drift color palette (#EDE4E8, #AE9C97, #9F8370, #6B4CAE, #10050B)
- Wandering Navy Station color palette (#DFE4EA, #9EA5B1, #7D869A, #034484, #010918)
- Ancient Onyx color palette (#E8EFF6, #858D9E, #666887, #002C4C, #000104)
- Hushed Indigo Drift color palette (#E8DDE2, #CCBBB7, #BAA191, #8270C8, #2B1922)
- Ancient Olive color palette (#EEDBC4, #938B3C, #486F03, #3D4278, #070600)
- Iris Loft color palette (#C9E7FF, #7C7EC2, #825676, #2F5028, #011701)
- Worn Hollow color palette (#EBF1DD, #0082BD, #6739AF, #344000, #000211)
- Wandering Mulberry color palette (#CEF6E9, #0079B8, #A20031, #1D4100, #010200)
Browse the whole catalog at Explore, or see today's palette.