Petrol Terrace color palette — #F4F4FF · #E4CDEF · #BD94AA · #4C788C · #2C4257
Slate and Dusty Rose set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Thistle (#E4CDEF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Dusty Rose (#BD94AA): A luminous, dusty rose — the color of a warm blush.
- Slate (#4C788C): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#2C4257): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Sophistication. Tagged vintage, retro, 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
- Timeworn Taupe Dune color palette (#FDF0FF, #F0C9E0, #ABA678, #5D6F90, #36365A)
- Timeworn Ash Summit color palette (#FAD4DC, #BB99B8, #88657C, #355545, #0C342A)
- Dusty Bronze color palette (#FFDDF5, #CE939B, #9F7137, #4A5E4D, #324C36)
- Tempered Driftwood Study color palette (#FCF1FF, #E9D8D8, #A7C7B2, #788AA7, #515164)
- Ancient Bronze color palette (#EBDCFA, #D09BB4, #9E6545, #00474F, #041C40)
- Turquoise Quarry color palette (#FBF2F8, #D5D4E2, #56B2DF, #00816B, #112F52)
- Chestnut Courtyard color palette (#F4D6ED, #BC7E77, #795726, #003B5A, #11052D)
- Ancient Aubergine Canyon color palette (#FFF0F9, #F5B2B6, #C28A49, #006EA0, #342072)
Browse the whole catalog at Explore, or see today's palette.