Soft Petrol color palette — #FCECD6 · #C59323 · #006FB2 · #705000 · #103857

A conversation between Royal Blue and Mustard, giving this palette its sense of trust and stability.

The five colors

• Cream (#FCECD6): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C59323): A luminous, balanced gold — the color of old brass.
• Royal Blue (#006FB2): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#705000): A full-bodied, balanced gold — the color of old brass.
• Navy (#103857): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Amber Loft color palette (#F6E6D4, #C38122, #5879C2, #774A00, #081842)
• Dusty Ember color palette (#FFEADD, #E06227, #0084B0, #8B3A15, #003B51)
• Chalky Basin color palette (#F6EED8, #9A9100, #8166BB, #5E5900, #392D53)
• Powdered Iris Pier color palette (#E4F4E3, #D09D5A, #6A94E3, #9B6400, #1F345D)
• Faded Cobalt Drift color palette (#F9E1C0, #A06F00, #0A6DC3, #4C5397, #3A270A)
• Softworn Quarry color palette (#F9E4CC, #AC9542, #845A1B, #49423E, #32302A)
• Linen Ultramarine Market color palette (#EEDDC0, #866900, #264DBC, #483700, #041348)
• Softworn Loft color palette (#F7F6E4, #9ABE71, #AD89B9, #657B4E, #62434B)

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