Petrol Terrace color palette — #EEF7F7 · #D7DBEC · #789EBE · #42778A · #425469
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#789EBE): A luminous, dusty blue — the color of open sky before noon.
- Slate (#42778A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Peacock (#425469): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Dusty Driftwood color palette (#EEF6FF, #D9D8E3, #D0B3C9, #718DA7, #465163)
- Muted Pier color palette (#E2F5FF, #81C2DD, #498CAF, #356C8E, #39546D)
- Washed Boulevard color palette (#EEF6FF, #689DCF, #9B7BAC, #388579, #334455)
- Muted Petrol color palette (#ECF7FF, #7CB8DD, #81A47A, #357AA1, #2C5650)
- Weathered Drift color palette (#D5E8E6, #66A8C9, #005D8B, #003C49, #00203C)
- Timeworn Abyss Orchard color palette (#DCF2ED, #5B9C9B, #00545A, #00302A, #00181C)
- Navy Canyon color palette (#DFEFEF, #6284A4, #003A7A, #00202F, #00012D)
- Dusty Cerulean Archive color palette (#EAF9F6, #97DDDE, #00909D, #00675E, #004855)
Browse the whole catalog at Explore, or see today's palette.