Petrol Terrace color palette — #FEF2F0 · #F6B7C9 · #62A5B6 · #5067A7 · #522A34

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

The five colors

• Ivory (#FEF2F0): bright and airy, almost weightless.
• Carnation (#F6B7C9): A whisper-light, dusty red — the color of late-summer berries.
• Blue Fog (#62A5B6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5067A7): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#522A34): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

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

• Antique Jade Basin color palette (#FEF2EF, #F5B2BD, #82BB75, #7384BC, #563841)
• Dusty Petrol Alley color palette (#FFF2EE, #F6BABA, #B79264, #68629D, #4E2B41)
• Petrol Villa color palette (#F1F8ED, #9CDBC9, #64A3BF, #5F62AB, #522B31)
• Grape Dune color palette (#FEF3ED, #EDA793, #5B8EC0, #6942A3, #4A1232)
• Softworn Jade color palette (#FBF2F6, #CEC3F7, #6FAA7C, #007982, #21395A)
• Dusty Courtyard color palette (#F9F5E8, #D1D091, #73A883, #007A7F, #173B59)
• Hushed Olive Meadow color palette (#FCF3EE, #FCB9A5, #AE9766, #54763E, #512840)
• Dusty Field color palette (#FDF5E2, #D6E2C9, #C6C6B1, #819C82, #395344)

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