Petrol Terrace color palette — #EDF7F8 · #D4DDE9 · #BEC0CF · #477F83 · #3C4B4C

Slate takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EDF7F8): a clean, paper-quiet neutral.
• Silver (#D4DDE9): a clean, paper-quiet neutral.
• Stone (#BEC0CF): A luminous, dusty violet — the color of wild irises.
• Slate (#477F83): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3C4B4C): quiet, heavy and certain.

Feels like: 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

• Hushed Bloom color palette (#EEF3ED, #CEDBD7, #B0C1BE, #3F8279, #282E26)
• Tempered Alley color palette (#D9E4E6, #91AEBF, #708196, #00413A, #00181C)
• Weathered Cypress color palette (#E7F9FE, #C0D6E5, #93A7CB, #006866, #1D373E)
• Timeworn Navy color palette (#DCE5F0, #B3B7D2, #9289A3, #234475, #15202E)
• Dusty Aqua color palette (#D0FEFF, #80BECB, #7C85A4, #735E68, #604545)
• Olive Coast color palette (#FFF1F6, #B9B182, #5E7E48, #39616B, #31493B)
• Linen Celadon Alley color palette (#E6F9FF, #BFF988, #39C9E0, #747FBF, #203C4D)
• Teal Field color palette (#FFF0FD, #00B190, #406D99, #753938, #20424D)

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