Patina Petrol color palette — #EDF3F8 · #D5D5DD · #BBBAC5 · #4D7A9E · #232D37

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

The five colors

• Ivory (#EDF3F8): a clean, paper-quiet neutral.
• Silver (#D5D5DD): a clean, paper-quiet neutral.
• Ash (#BBBAC5): soft and architectural.
• Slate (#4D7A9E): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#232D37): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Atelier color palette (#F0F7F4, #DDD5D2, #CBB7B6, #2E7CAA, #3F4B46)
• Softworn Indigo Canyon color palette (#EFF1FE, #DED1E2, #C0BBD5, #7757A8, #212336)
• Pewter Ridge color palette (#EEF1FF, #B9B8D1, #8F86A5, #705368, #4A2F3C)
• Navy Studio color palette (#DFE5EE, #95A0B3, #727B91, #003371, #01040E)
• Cobalt Corridor color palette (#DAE4F6, #5A6EBF, #293047, #0F1622, #04060C)
• Weathered Iris Atelier color palette (#EAF2FF, #BADFFF, #A4C2FF, #8E82D2, #152341)
• Muted Cabin color palette (#E7F6EE, #97BDAD, #6D7C47, #395C60, #132D24)
• Tempered Petrol color palette (#FCECFC, #849BD2, #6A629C, #693244, #192237)

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