Petrol Terrace color palette — #EEF3EF · #D7DAEB · #839DC6 · #007790 · #29364F
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#EEF3EF): a clean, paper-quiet neutral.
- Silver (#D7DAEB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#839DC6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#29364F): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Tempered Study color palette (#E4EBE5, #94BACD, #00759E, #004B49, #00172C)
- Timeworn Drift color palette (#DFEAE1, #7FA1BC, #0057A7, #003842, #030033)
- Aged Periwinkle color palette (#F9F4EF, #CAE6E9, #8297D1, #417A78, #654956)
- Forest Balcony color palette (#EEF3EF, #C1E3EB, #4B9BA4, #007050, #00323E)
- Timeworn Lagoon color palette (#DCE6DE, #3D8685, #00444D, #002017, #000203)
- Softworn Dune color palette (#E1F8F3, #86A875, #6D90BD, #AB5E65, #122D28)
- Olive Cabin color palette (#E8F5F1, #A7BB90, #AA8FC1, #5D7E2B, #2E2D4B)
- Weathered Teal Balcony color palette (#FAF3F5, #D9D4DE, #C4BCE3, #39A3A7, #494A66)
Browse the whole catalog at Explore, or see today's palette.