Petrol Terrace color palette — #F0F6FD · #D9D7E3 · #ACB2CA · #386795 · #353B42

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#D9D7E3): a clean, paper-quiet neutral.
• Ash (#ACB2CA): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#386795): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#353B42): 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

• Timeworn Cerulean Summit color palette (#EEF8F4, #EFD7D9, #D3BDB7, #4C87B1, #303E39)
• Timeworn Driftwood color palette (#F4F4FB, #DED8DE, #BAA8A1, #8B78A3, #51525A)
• Worn Grape color palette (#F3F5FE, #D1CFE8, #BF99B6, #623FAC, #2E3146)
• Antique Pewter color palette (#DBE9FF, #A7ACCE, #92628B, #69562D, #294F44)
• Hushed Plum Meadow color palette (#F6F3FE, #E7D3E0, #CDB0D4, #974498, #413D4C)
• Softworn Corridor color palette (#DDE2EA, #B3B9C6, #888BAC, #033B99, #18202A)
• Patina Olive color palette (#EAFAEF, #9B9F70, #487101, #17516B, #193D30)
• Antique Aubergine Studio color palette (#E5E5EE, #9D96AA, #7A6983, #440058, #090811)

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