Petrol Terrace color palette — #F4E4EA · #8CB9DB · #4B6AA5 · #004A51 · #140E34
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F4E4EA): bright and airy, almost weightless.
- Sky (#8CB9DB): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4B6AA5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#140E34): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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
- Hushed Petrol Chapel color palette (#EFE6EC, #81C0C2, #007792, #004E34, #001829)
- Petrol Corridor color palette (#E6F1F1, #96B5D0, #2A6BA6, #004C64, #0D2D59)
- Aged Bloom color palette (#FAEEF7, #9FDCE6, #0D8FBC, #006450, #00254A)
- Muted Petrol color palette (#F8EFF2, #DAD0E2, #899DBE, #457284, #2F354C)
- Muted Balcony color palette (#EEDEE7, #5A93A9, #004C7E, #002C29, #01001E)
- Plum Ridge color palette (#EAD9DC, #B1395E, #006E5F, #005760, #1D0007)
- Muted Raspberry Summit color palette (#F5E9FC, #C74C82, #007983, #820049, #001618)
- Mulberry Lantern color palette (#F8E5FC, #F2B299, #B89956, #764679, #330E0B)
Browse the whole catalog at Explore, or see today's palette.