Petrol Terrace color palette — #EFF6FD · #D8D8E6 · #AEBDD6 · #006FB1 · #33414F
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FD): bright and airy, almost weightless.
- Silver (#D8D8E6): bright and airy, almost weightless.
- Ash (#AEBDD6): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#006FB1): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#33414F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Aged Cobalt color palette (#F3F5FB, #DED8E2, #C6BCCA, #736AA7, #444753)
- Muted Petrol Parlor color palette (#EAF3FB, #D6D4E3, #B7BDDD, #0073A6, #1B2630)
- Patina Denim color palette (#E9EFF7, #C5CDDA, #97A0B7, #1E5499, #242F3B)
- Nightshade Terrace color palette (#E8ECF6, #B4B8C9, #898CA7, #3628A5, #191F2D)
- Obsidian Atelier color palette (#E4EEFF, #4255DB, #282549, #091732, #070614)
- Chestnut Market color palette (#E5E8FF, #ADA9CC, #9F7092, #7E4A37, #603C1D)
- Airy Amethyst color palette (#F0F6FF, #94CDFF, #80A4FF, #7D48FF, #2E3266)
- Periwinkle Loft color palette (#EDF8F5, #EDD4D0, #5CABEE, #B19F8E, #2F453F)
Browse the whole catalog at Explore, or see today's palette.