Petrol Terrace color palette — #E9F3FF · #E5D0EF · #CFAAD7 · #33789A · #1D253A
Built around Slate, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9F3FF): bright and airy, almost weightless.
- Thistle (#E5D0EF): A whisper-light, dusty violet — the color of wild irises.
- Mauve (#CFAAD7): A luminous, dusty pink — the color of neon signs at night.
- Slate (#33789A): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#1D253A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Tempered Cypress color palette (#E1F6FF, #B6DDFC, #A2B2E2, #307975, #002638)
- Wandering Cypress color palette (#DCFEF4, #E4D5FF, #D99AB5, #007680, #543749)
- Worn Ash color palette (#F1F0FF, #E3D2DE, #D1ADAA, #838BAA, #3A3547)
- Weathered Orchard color palette (#EFF1FF, #FFB9F8, #F871A3, #585ABD, #2D0B37)
- Linen Denim color palette (#DCE4F4, #B6AEE2, #A66FAA, #00528D, #090425)
- Pewter Station color palette (#F3E1FF, #E8B2B9, #D38C6C, #7C4B85, #320A15)
- Gentle Navy color palette (#EFEDFF, #BC90CE, #A55D84, #212781, #0D0016)
- Violet Alley color palette (#E5E7FC, #855FB5, #7B6100, #00522A, #0D0D23)
Browse the whole catalog at Explore, or see today's palette.