Petrol Canyon color palette — #F5F0F5 · #E0D2D2 · #CFADB0 · #3964A3 · #251D25

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

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#E0D2D2): bright and airy, almost weightless.
• Rosewood Mist (#CFADB0): A luminous, dusty red — the color of late-summer berries.
• Peacock (#3964A3): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#251D25): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Canyon 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

• Dusty Petrol color palette (#FAF3F8, #E9D4D5, #C1ADB4, #51638B, #41373F)
• Antique Aubergine color palette (#F8EFF2, #E3CECF, #D8989B, #6942A0, #28111C)
• Timeworn Cerulean Boulevard color palette (#F1F5FC, #DCD9E3, #BFB1AB, #7189BE, #292F37)
• Timeworn Veranda color palette (#EEE6EC, #C1ADB3, #A68383, #283C86, #120610)
• Moonless Lapis Summit color palette (#F4DEE9, #664EB9, #3A1531, #170610, #030104)
• Aged Mulberry color palette (#F0E6E6, #DBC6BE, #B59F8B, #882D64, #1F1212)
• Weathered Fern color palette (#CDF3E2, #BD95AB, #8E625B, #49570E, #2A301A)
• Aged Villa color palette (#F9F0E7, #A4A469, #377533, #593A56, #221C06)

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