Petrol Market color palette — #D4F5F7 · #007B8B · #004051 · #001D2A · #040616
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#D4F5F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007B8B): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004051): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001D2A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#040616): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Petrol Market 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
- Cerulean Archive color palette (#E0EAED, #99ADB4, #58869C, #00413F, #00171D)
- Charred Onyx Atelier color palette (#D1ECD5, #006370, #00354A, #240040, #000E13)
- Timeworn Bloom color palette (#D5F2DA, #007C52, #004B3A, #00221D, #000E0E)
- Lowlit Atelier color palette (#D7EFFD, #006399, #003365, #000340, #02001F)
- Washed Balcony color palette (#D0F0E0, #00918A, #006376, #002C4E, #050036)
- Navy Archive color palette (#D0E6CA, #00A98D, #007C93, #004990, #0D0028)
- Charred Aubergine Hollow color palette (#E1F3FF, #00516D, #23007B, #260026, #000A08)
- Ancient Cobalt Ridge color palette (#DEF2FB, #2578B1, #214182, #39193B, #2C060B)
Browse the whole catalog at Explore, or see today's palette.