Petrol Terrace color palette — #ECF4F3 · #D6D9EC · #829FC3 · #357391 · #28374C
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF4F3): bright and airy, almost weightless.
- Silver (#D6D9EC): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#829FC3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#357391): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#28374C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Timeworn Denim color palette (#E1ECEC, #71A2C7, #005A9B, #003749, #000921)
- Petrol Lantern color palette (#DEEDEB, #90BAD0, #007697, #004A50, #001926)
- Weathered Cabin color palette (#EFF1FF, #A492C2, #B97883, #1D81B3, #24253B)
- Worn Cypress color palette (#EAF5F2, #C8D9E9, #479DA0, #006E5D, #003140)
- Worn Petrol Summit color palette (#F9F4EF, #C6EBF0, #8698C6, #2B7B87, #624B57)
- Hushed Cerulean color palette (#FAF3F5, #D9D4DE, #CBBDEC, #519FAC, #454C66)
- Hushed Delta color palette (#D4E4E1, #6292A3, #00535F, #002C2A, #000508)
- Weathered Archive color palette (#F2EFFF, #E1D2DE, #EDB9B3, #957FA8, #393344)
Browse the whole catalog at Explore, or see today's palette.