Patina Petrol color palette — #EDF2F9 · #DBD5E0 · #C4B9C2 · #607794 · #272D34

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

The five colors

• Ivory (#EDF2F9): a clean, paper-quiet neutral.
• Silver (#DBD5E0): a clean, paper-quiet neutral.
• Stone (#C4B9C2): soft and architectural.
• Slate (#607794): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#272D34): a grounded near-black with real depth.

Feels like: 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 color palette (#F1F5FC, #DCD9E3, #C3BCCB, #65739B, #414854)
• Pewter Pier color palette (#F3F0F8, #E4D1D7, #C6B0BB, #7F5477, #211F27)
• Aged Grove color palette (#EBF5EB, #B2B97E, #59805E, #56516A, #132D24)
• Hushed Navy Pier color palette (#E9EEF8, #9C9DB8, #82768E, #1B2B7B, #01040E)
• Nightshade Thicket color palette (#ECF2FE, #D3D1E8, #CB9CAD, #4C4AB2, #141A27)
• Eclipse Indigo Basin color palette (#DADEEF, #785BD1, #362B45, #13151F, #04070A)
• Garnet Study color palette (#E2DDE8, #C1ABBE, #A58290, #701E53, #0D0812)
• Soft Azure Grove color palette (#D9FAF1, #41A5E7, #845693, #3A4E1C, #182335)

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