Petrol Garden color palette — #D6EFF0 · #007B8E · #004456 · #001D2C · #050617
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D6EFF0): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007B8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004456): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#050617): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Aged Abyss color palette (#D6E6EA, #9CACB2, #648593, #00413E, #00171D)
- Deep Onyx Loft color palette (#BEE9E5, #006370, #00354A, #240040, #000E13)
- Midnight Dune color palette (#D3E7F4, #0068A4, #002E5D, #00023E, #010015)
- Quiet Lantern color palette (#DBF4E5, #00958E, #005F71, #003256, #020036)
- Charred Aubergine color palette (#DBE9F9, #004B87, #35006B, #29001E, #170000)
- Nightshade Studio color palette (#E3F1FF, #316BC2, #1D08A8, #15004F, #0B0024)
- Airy Summit color palette (#E0EAFF, #6E719A, #513C73, #5A0025, #3B0004)
- Aubergine Market color palette (#E2E6FF, #7665C7, #561F98, #370052, #28002F)
Browse the whole catalog at Explore, or see today's palette.