Petrol Terrace color palette — #EDF7FC · #D2DAEC · #A1C0DA · #00778C · #32434B
Teal and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF7FC): bright and airy, almost weightless.
- Silver (#D2DAEC): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#A1C0DA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00778C): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#32434B): 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
- Petrol Corridor color palette (#E9F4F9, #D0D7EF, #B1C0D7, #007985, #19272D)
- Washed Bloom color palette (#F0F6FD, #DAD7E5, #B1BBDB, #3A65BF, #38404C)
- Dusty Veranda color palette (#E9F0F4, #BFCEDA, #87A4C0, #005E79, #233038)
- Ancient Cerulean color palette (#EFF8F1, #C6E2E3, #DFC4DB, #0098A6, #334537)
- Wandering Meadow color palette (#F3F5FB, #DCD8DF, #B9A8A7, #787FA4, #515258)
- Hushed Powder color palette (#D5E9FF, #93ACE6, #7776AD, #744A5E, #663322)
- Softworn Turquoise Studio color palette (#EBF8FC, #D6D9E9, #B9A7AC, #31B8C3, #30434A)
- Pine Villa color palette (#DFFDF7, #7BB386, #007D51, #005F50, #104341)
Browse the whole catalog at Explore, or see today's palette.