Petrol Terrace color palette — #D7E3E9 · #99A1B6 · #8486A0 · #007081 · #010B11

Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Silver (#D7E3E9): bright and airy, almost weightless.
• Blue Fog (#99A1B6): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8486A0): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007081): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#010B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Abyss Archive color palette (#DAEBF2, #94A7B8, #7C869F, #004F55, #000B10)
• Muted Spruce Ridge color palette (#E1EAE4, #82928A, #517467, #003039, #000201)
• Muted Indigo Lagoon color palette (#E6ECFB, #B6ABBF, #A68EA9, #6266BD, #0E1320)
• Weathered Canyon color palette (#D7F2FF, #5588D7, #6E5F97, #6A341A, #001604)
• Worn Parlor color palette (#F7E8C9, #0088A5, #1353B7, #6E120A, #000408)
• Indigo Canyon color palette (#C7E7FF, #00B5BE, #0098DB, #6865E0, #00040E)
• Muted Aubergine color palette (#E0F3FF, #007DA2, #801C9B, #5A2400, #000200)
• Timeworn Azure Bloom color palette (#E8F0F5, #D1D2E3, #BCB5D2, #499CC9, #252F37)

Browse the whole catalog at Explore, or see today's palette.