Petrol Terrace color palette — #F2F5FB · #DCD8E1 · #C6BBCB · #62739F · #44484E

A conversation between Slate and Stone, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DCD8E1): bright and airy, almost weightless.
• Stone (#C6BBCB): A luminous, dusty pink — the color of neon signs at night.
• Slate (#62739F): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#44484E): quiet, heavy and certain.

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

• Aged Petrol Hollow color palette (#EDF2F9, #DDD6E3, #C8B8C5, #607794, #272D33)
• Patina Driftwood Chapel color palette (#F9F3F9, #E4D8D7, #CCBCB6, #A383A1, #4C454C)
• Ash Archive color palette (#F1F5FF, #ABA7CE, #8A7A9A, #486D5B, #34535A)
• Byzantium Lantern color palette (#F5F4FC, #E3D5DF, #CBB1D4, #91479B, #403E4A)
• Wandering Pine color palette (#EEF8F3, #A1B98A, #4C8255, #475C71, #2E4842)
• Indigo Chapel color palette (#E1E4F3, #785FB2, #332D49, #1B1D2E, #0E0C13)
• Softworn Mulberry color palette (#EFEDF5, #D0C9D5, #AE98AF, #79396E, #302B39)
• Antique Garnet color palette (#EBE7ED, #C0B5C0, #B08174, #712346, #251B2A)

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