Petrol Garden color palette — #F3E5DD · #6DACBF · #006AAE · #004C3B · #0C0146
A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F3E5DD): bright and airy, almost weightless.
- Cyan (#6DACBF): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006AAE): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0C0146): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Forest Orchard color palette (#EDDBD6, #6FAFAD, #00718D, #004E16, #00142B)
- Cobalt Pier color palette (#F2E8E0, #7FB9DE, #4B6FC7, #005955, #240D4B)
- Washed Petrol color palette (#F8E9F2, #73C4DD, #006AB3, #003F32, #020013)
- Aged Denim Study color palette (#E6F1E8, #569AB0, #005072, #003030, #00142B)
- Weathered Cobalt color palette (#F8ECE5, #A7D0B5, #288ECE, #006F50, #1E2958)
- Lagoon Quarry color palette (#C1ECE1, #009E8E, #00675E, #002F28, #000202)
- Patina Delta color palette (#D7EBDC, #55C9CD, #728BEF, #616400, #001C18)
- Azure Thicket color palette (#FFF2ED, #98EBF4, #00A9E4, #008851, #233E70)
Browse the whole catalog at Explore, or see today's palette.