Petrol Garden color palette — #E8F8FF · #FFBBC2 · #00707E · #002E34 · #000508
A conversation between Teal and Ballet Pink, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Ballet Pink (#FFBBC2): A whisper-light, dusty red — the color of late-summer berries.
- Teal (#00707E): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#002E34): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000508): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.
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 Hollow color palette (#EEF6FF, #FFBFA6, #0065B0, #03294A, #00040D)
- Muted Pine color palette (#E8F9F8, #FFBFA1, #00773E, #003116, #000505)
- Ancient Cerulean color palette (#ECF7FF, #FFDBE0, #2580A7, #1D3C50, #081116)
- Worn Taupe color palette (#D7EEF1, #97A965, #005346, #00221C, #000708)
- Tempered Honey Study color palette (#E8F2E6, #E9C36F, #2F9A93, #445E41, #0E1A0C)
- Blush Canyon color palette (#DEF2FC, #E27E9E, #004352, #272228, #00090D)
- Hazy Villa color palette (#F0F5FF, #C6BF60, #34479F, #0A123F, #000108)
- Grape Quarry color palette (#EAF8FF, #009AB7, #7C4EB2, #574700, #000F18)
Browse the whole catalog at Explore, or see today's palette.