Petrol Canyon color palette — #FDF3EE · #FDB8AA · #B49463 · #3A6DA6 · #572921

Built around Slate, softened by Rose Quartz — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Rose Quartz (#FDB8AA): A whisper-light, balanced orange — the color of sun-warmed clay.
• Caramel (#B49463): A luminous, dusty gold — the color of honey in a jar.
• Slate (#3A6DA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#572921): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

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

• Ancient Basin color palette (#FFF2EE, #F3BBBB, #80A770, #715E9C, #542A2C)
• Petrol Grove color palette (#FEF1F5, #D8C0F1, #B49559, #3A709B, #422E55)
• Patina Jade color palette (#FBF2F7, #F6B794, #87B885, #538EB2, #463C5A)
• Softworn Basin color palette (#FDEFE4, #D2875D, #577E49, #0D546B, #391E26)
• Frosted Garnet Canyon color palette (#FFF3E5, #D08900, #007A7B, #760041, #1D0F00)
• Sunlit Aubergine color palette (#FAF5E9, #CBBA7E, #699862, #734196, #342A00)
• Wandering Cocoa Veranda color palette (#FFF1F3, #E3DBD1, #CABDA3, #A48791, #6A494F)
• Olive Harbor color palette (#FFF2EA, #E7DCB8, #C7B363, #808434, #52534C)

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