Petrol Ridge color palette — #F9F3F9 · #E6D7D8 · #CEBBB8 · #597798 · #4B454C

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E6D7D8): a clean, paper-quiet neutral.
• Stone (#CEBBB8): A luminous, dusty orange — the color of autumn markets.
• Slate (#597798): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#4B454C): a grounded near-black with real depth.

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

Use it as a design system

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

• Worn Petrol color palette (#EBF4F2, #DAD1CD, #C8B5AF, #53799D, #222F2C)
• Worn Driftwood Lantern color palette (#FBF2F7, #E4D8D5, #ADAEA2, #967789, #585055)
• Timeworn Alley color palette (#FFF0FB, #E4CAD4, #C7989E, #4350A5, #3F2B3A)
• Muted Workshop color palette (#F7EAEA, #CCB2AC, #A1887A, #6A2658, #291B1C)
• Timeworn Fern Archive color palette (#CCFFF2, #D5ABBD, #A77D7D, #65661B, #3D503A)
• Antique Lantern color palette (#FEF4E5, #B1B47B, #5B7F4B, #6C5060, #504100)
• Navy Drift color palette (#E7DAE5, #BCA0AE, #98747C, #103177, #1A1019)
• Patina Pier color palette (#F3DDEA, #665DD1, #462830, #261B22, #110A0D)

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