Petrol Terrace color palette — #E1ECED · #7F9196 · #487188 · #003323 · #000202
Built around Slate, softened by Deep Forest — the whole palette hums with sophistication.
The five colors
- Frost (#E1ECED): bright and airy, almost weightless.
- Gray (#7F9196): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#487188): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#003323): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000202): a grounded near-black with real depth.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Terrace 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
- Patina Abyss color palette (#DDE4E9, #95A1B1, #7B769E, #003B53, #00050B)
- Abyss Delta color palette (#E2E7DF, #B2BFAE, #829983, #00473A, #000200)
- Weathered Quarry color palette (#E3EBEC, #C0CED5, #8BA7C3, #00625D, #04191E)
- Wandering Corridor color palette (#D1ECF3, #249612, #006969, #003E69, #000102)
- Obsidian Navy Summit color palette (#E7F4EA, #00656E, #003A62, #2B1200, #060200)
- Lowlit Spruce color palette (#C6E5EE, #564D4C, #003132, #111419, #000205)
- Hushed Petrol Canyon color palette (#ECF3F7, #D6D8E4, #C1BAD0, #308098, #252E33)
- Obsidian Corridor color palette (#FDE4EC, #675700, #232F00, #001911, #020100)
Browse the whole catalog at Explore, or see today's palette.