Petrol Terrace color palette — #ECF7FD · #D5D9EF · #A9BDE0 · #007889 · #354248
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF7FD): bright and airy, almost weightless.
- Silver (#D5D9EF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#A9BDE0): A luminous, dusty violet — the color of wild irises.
- Teal (#007889): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#354248): a grounded near-black with real depth.
Feels like: Trust, Stability, 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
- Timeworn Cobalt Summit color palette (#F1F6FC, #DCD7E5, #BCB7DC, #3767BA, #39404A)
- Softworn Denim Drift color palette (#E6F0F6, #C0CEDE, #94A0BE, #005E76, #243037)
- Driftwood Station color palette (#F3F5FB, #DFD8E0, #BAA8A2, #7880A0, #50525B)
- Softworn Indigo color palette (#C6F2FF, #81B2D7, #7868B1, #6D5B05, #354F2B)
- Faded Jade Quarry color palette (#E7FAF2, #77B571, #007C5E, #005B6B, #0E443E)
- Deep Garden color palette (#E1F0FF, #006EAA, #232257, #021A2D, #040811)
- Tempered Boulevard color palette (#E7EDF8, #A5A8B9, #937294, #162986, #0B1423)
- Mulberry Pier color palette (#E6F9FF, #008F93, #930092, #4A4000, #00361A)
Browse the whole catalog at Explore, or see today's palette.