Patina Petrol color palette — #F8F3F9 · #E3D7D8 · #D2BAB6 · #4D77A6 · #4D444D

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#E3D7D8): bright and airy, almost weightless.
• Stone (#D2BAB6): A luminous, dusty orange — the color of toasted spice.
• Slate (#4D77A6): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4D444D): 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 Patina 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

• Antique Petrol Ridge color palette (#EDF2F9, #D7D5DF, #BFB9CC, #617694, #272C34)
• Washed Terrace color palette (#F9F3F9, #E9D7DA, #CFBCBE, #A383A1, #4D454C)
• Muted Pewter color palette (#FBF3F4, #E3D7CE, #C7ADA2, #824E7F, #463638)
• Ultramarine Villa color palette (#FCF2F9, #E1CCD4, #C5999E, #424DAF, #402B3A)
• Muted Indigo Cabin color palette (#F0DFE9, #6765BA, #4A252F, #2A1824, #130A0D)
• Patina Field color palette (#DAFFF3, #CCB2C1, #A17795, #606A23, #385440)
• Tempered Olive color palette (#FCF4E9, #BCAF85, #5A8044, #6E4E62, #514100)
• Dusty Mulberry Meadow color palette (#EBE1E1, #C8B4AF, #A58776, #711B5B, #2A1B1B)

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