Petrol Terrace color palette — #F1F5FF · #EDD6FF · #D89E99 · #257287 · #3A3B53
Teal takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Thistle (#EDD6FF): A whisper-light, dusty violet — the color of wild irises.
- Rosewood Mist (#D89E99): A luminous, dusty orange — the color of autumn markets.
- Teal (#257287): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#3A3B53): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Sophistication. Tagged pastel, light, 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
- Wandering Apricot Delta color palette (#F4F4FF, #FFCBD8, #D39A69, #606B9E, #433B52)
- Ancient Ash Quarry color palette (#EAF8FF, #C4D2FF, #CB9AC4, #38816C, #30445A)
- Dusty Market color palette (#FFECF5, #F3CDE7, #CFA9D6, #5F6494, #371927)
- Timeworn Shell Chapel color palette (#FBEEFF, #FFAE94, #AD9F58, #6C4E83, #422A3F)
- Muted Mallow color palette (#DAE3FD, #DD93D7, #BF6F6E, #0F547C, #26193E)
- Sand Pier color palette (#F5F3FF, #EBD7DE, #EDC8A2, #7E8DA9, #574E5F)
- Washed Iris Orchard color palette (#F2F5FF, #F4D1EB, #DAB1DD, #8289C7, #353757)
- Muted Azure color palette (#FFF0F8, #EED3CE, #DAB592, #4BAAE9, #593443)
Browse the whole catalog at Explore, or see today's palette.