Petrol Loft color palette — #D5EBE1 · #00749E · #724C00 · #003043 · #020100
Slate and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D5EBE1): A whisper-light, dusty teal — the color of sea glass.
- Slate (#00749E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#724C00): A full-bodied, balanced gold — the color of old brass.
- Deep Teal (#003043): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Loft 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
- Dusty Terracotta color palette (#D7E5D9, #007984, #952900, #003237, #040000)
- Denim Drift color palette (#DAEEFF, #005782, #5A3400, #002338, #0C0400)
- Navy Workshop color palette (#F2DDED, #4962BF, #754A00, #130087, #020100)
- Azure Parlor color palette (#D3E8FB, #2999E1, #8D4C00, #00598B, #0D0400)
- Aubergine Archive color palette (#F0D8E0, #804FAD, #655300, #3E0063, #020100)
- Eclipse Loft color palette (#EEE0C1, #647B49, #453C00, #1E0E00, #000201)
- Moss Villa color palette (#D2E5D3, #7F8B00, #007CAB, #06090F, #000201)
- Wandering Peony Boulevard color palette (#D8E9E1, #BDB4F4, #C461A2, #004E47, #00000C)
Browse the whole catalog at Explore, or see today's palette.