Petrol Terrace color palette — #FCF1FA · #E9D3D6 · #D1B2C1 · #4F66AB · #463C44
Built around Slate, softened by Rosewood Mist — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FCF1FA): bright and airy, almost weightless.
- Silver (#E9D3D6): A whisper-light, dusty red — the color of late-summer berries.
- Rosewood Mist (#D1B2C1): A luminous, dusty rose — the color of strawberry cream.
- Slate (#4F66AB): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#463C44): a grounded near-black with real depth.
Feels like: Creativity, 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 Workshop color palette (#F6EFF6, #F0D0D1, #D4B6BD, #406AAF, #2C202B)
- Denim Parlor color palette (#F4ECF1, #D8C6CF, #BC93A3, #4A4A94, #352A31)
- Muted Petrol Veranda color palette (#EEF8F2, #C9DFDF, #98C8B9, #007691, #33453B)
- Driftwood Ridge color palette (#FBF3F3, #E0D8D3, #A8AF9F, #9E7676, #5A4F4F)
- Dusty Periwinkle color palette (#FAF2FA, #ECD5D4, #B1B0A3, #6BA6F7, #473B47)
- Ancient Chestnut color palette (#FFD9E3, #C393BE, #A26C85, #834D28, #5E3F14)
- Dusty Mulberry color palette (#FFF1F2, #E6CBCB, #C797A8, #931C84, #442B2D)
- Washed Boulevard color palette (#FFF0F9, #BED3FF, #A299FF, #9E4BD8, #352C57)
Browse the whole catalog at Explore, or see today's palette.