Petrol Summit color palette — #D1E3E5 · #007783 · #00343A · #201E25 · #000B0C
Built around Teal, softened by Deep Forest — the whole palette hums with trust and stability.
The five colors
- Silver (#D1E3E5): bright and airy, almost weightless.
- Teal (#007783): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#00343A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#201E25): quiet, heavy and certain.
- Ink (#000B0C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted.
Use it as a design system
One click turns Petrol Summit 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 Field color palette (#C8EEFF, #009CCB, #00607B, #002E3D, #001721)
- Wandering Pine Pier color palette (#DFECE2, #007E48, #003A20, #1B232A, #000C04)
- Hushed Dune color palette (#CFE9EB, #008A97, #004F56, #001D1F, #000203)
- Dusty Turquoise Archive color palette (#E6F9FF, #00BBDA, #00768E, #004552, #002D38)
- Charred Archive color palette (#DCE5F1, #0054BC, #330068, #001A45, #01000E)
- Muted Cobalt color palette (#EFF6FF, #8FBDFF, #4972B2, #2C4572, #172C4B)
- Shadow Orchard color palette (#DEEDFF, #00376C, #4B0044, #2A000E, #000206)
- Moonless Harbor color palette (#EFDCE5, #854700, #481E00, #230600, #0C0004)
Browse the whole catalog at Explore, or see today's palette.