Petrol Terrace color palette — #EBF3F9 · #D5D7E5 · #BBBCC9 · #467C99 · #242D34

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Silver (#D5D7E5): a clean, paper-quiet neutral.
• Ash (#BBBCC9): soft and architectural.
• Slate (#467C99): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242D34): quiet, heavy and certain.

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

• Petrol Canyon color palette (#EFF7F3, #D1DDDE, #CCBCBF, #487C93, #3F4B45)
• Hushed Pewter Field color palette (#F1F1F9, #DED2DF, #B9B4C5, #74558B, #202027)
• Ancient Garden color palette (#E4F0FF, #B4BAE5, #8287A6, #625568, #433142)
• Worn Mint Summit color palette (#E7F5F4, #82C3A8, #3F8373, #3E5A61, #152C2D)
• Timeworn Navy Thicket color palette (#E6F2FC, #92A1B4, #6F7D92, #00395C, #00050D)
• Softworn Iris color palette (#E8F3FF, #A9DFFF, #90C7FF, #808ACC, #101F33)
• Aubergine Veranda color palette (#EDECF7, #B6AFC6, #9388A0, #60276B, #0B0815)
• Misty Periwinkle color palette (#D4FBFC, #4CA2EE, #5366AB, #643353, #142336)

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