Petrol Terrace color palette — #EBF4F1 · #9FCFBF · #9175A8 · #3378A5 · #211016
A conversation between Slate and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#EBF4F1): a clean, paper-quiet neutral.
- Pistachio (#9FCFBF): A luminous, dusty teal — the color of glacier melt.
- Slate Blue (#9175A8): A luminous, balanced violet — the color of a velvet chair.
- Slate (#3378A5): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#211016): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.
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
- Cobalt Orchard color palette (#F6F0F5, #A4C5F7, #A66E95, #4B72AC, #1F1213)
- Muted Driftwood color palette (#EFF7FA, #8DCCDA, #AE646F, #007A8E, #352936)
- Timeworn Cerulean color palette (#F0F6FB, #B3D6F4, #AB8DC4, #3495D0, #2C2C3A)
- Chestnut Delta color palette (#FCF0DD, #99AAD6, #826F95, #664D25, #372630)
- Antique Hollow color palette (#FEEAFF, #ACBBEA, #857AB2, #654879, #421541)
- Cerulean Cabin color palette (#E9F5F1, #5987B8, #925A51, #585123, #141E11)
- Weathered Blush Studio color palette (#F0F7F2, #D3D7E8, #DB97B5, #58A7B8, #2A1918)
- Nightshade Thicket color palette (#EDE0E9, #7688D4, #95096C, #2C2AB0, #080001)
Browse the whole catalog at Explore, or see today's palette.