Patina Petrol color palette — #ECF3F9 · #D5D5E1 · #AFB7C9 · #306B8E · #1B2127

A conversation between Peacock and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D5D5E1): a clean, paper-quiet neutral.
• Ash (#AFB7C9): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#306B8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1B2127): quiet, heavy and certain.

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

• Denim Orchard color palette (#EEF2FC, #CFD2EB, #ACA6CA, #52509C, #141928)
• Petrol Atelier color palette (#EEF8F4, #E4D7DA, #C3ACB7, #256B8E, #2F3F38)
• Ash Study color palette (#D7E3F1, #A1A5D4, #706C8C, #375237, #173327)
• Muted Delta color palette (#EFF6FC, #DBDAE4, #BDAFA8, #5493AF, #243038)
• Tempered Navy Hollow color palette (#E2E9F0, #A9B4C6, #848CAB, #014579, #040B14)
• Washed Periwinkle Loft color palette (#EAF3FF, #86DCFF, #61A6FD, #8360B5, #121538)
• Aubergine Canyon color palette (#DFE0EB, #8E8A9F, #71657F, #380D5B, #010007)
• Cobalt Workshop color palette (#D8F1DD, #1090E0, #564F9B, #592A00, #07182F)

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