Petrol Terrace color palette — #E8F1EB · #87A196 · #577394 · #00313A · #010D05
Slate takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E8F1EB): bright and airy, almost weightless.
- Taupe (#87A196): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#577394): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#00313A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#010D05): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Spruce Basin color palette (#DDE9E0, #7D938C, #796470, #003036, #000200)
- Hushed Abyss Pier color palette (#DDE8EC, #94A7B9, #7886A6, #004F55, #000B11)
- Ancient Navy Dune color palette (#F0E9EF, #A5949E, #77688E, #001E72, #110510)
- Navy Thicket color palette (#F1E9F1, #C6B2BF, #9287AF, #07418B, #251B25)
- Ancient Denim Atelier color palette (#E9F0ED, #D4C7D4, #B198A9, #005C83, #22322C)
- Nightshade Ridge color palette (#D4F3E7, #00939A, #006796, #29009C, #00030B)
- Ancient Navy color palette (#D8EFFB, #4465A0, #3C2A74, #341400, #0D0E00)
- Charred Forest Cabin color palette (#EEECD8, #356B3A, #003422, #001B1C, #000901)
Browse the whole catalog at Explore, or see today's palette.