Petrol Terrace color palette — #BCEDFF · #86B3D0 · #4A6DA2 · #5A3860 · #26051E

Slate and Mulberry set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#BCEDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#86B3D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4A6DA2): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#5A3860): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#26051E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

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 Atelier color palette (#D4E1F2, #8FA1D9, #6D658F, #5D2A3E, #2D060C)
• Lagoon Station color palette (#CDE6DB, #9CB690, #3A868B, #4E314B, #19153C)
• Softworn Denim color palette (#D3EAF6, #4C91B2, #255B90, #482E57, #361B32)
• Washed Thicket color palette (#DCF4FA, #00A1C8, #007598, #003A54, #000F1D)
• Aged Onyx Bloom color palette (#DADDFD, #857CA3, #5E3769, #3E0007, #040000)
• Weathered Cobalt color palette (#F3F7E9, #9FD4F1, #0082C1, #004F60, #000D1E)
• Dusty Denim color palette (#D3E9E8, #198E94, #325692, #4A2700, #220712)
• Softworn Basin color palette (#DCE7DB, #7CB4A1, #528EA6, #9A3C3D, #362300)

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