Patina Petrol color palette — #F7EFF2 · #DAD0E2 · #879BCC · #1F7885 · #2F354B

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Silver (#DAD0E2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#879BCC): A luminous, dusty violet — the color of wild irises.
• Teal (#1F7885): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#2F354B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

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

• Timeworn Basin color palette (#EDF8F7, #D8DBEB, #7D9BC2, #4E738E, #485364)
• Muted Chapel color palette (#F6F0F4, #BFE4ED, #2A9DB2, #2E6D48, #102F44)
• Washed Petrol color palette (#F1E5EC, #77C0D5, #0072AA, #004C44, #041335)
• Wandering Station color palette (#F7E9F2, #3F8586, #004351, #002112, #000103)
• Worn Bloom color palette (#FFECF3, #C88E5C, #2798CD, #7A70A1, #322229)
• Patina Loft color palette (#ECF5EB, #BDDAE7, #9CB9DA, #9A7A90, #2E3D32)
• Linen Courtyard color palette (#EBDEE2, #6FA3C7, #144DBE, #00393D, #0A002D)
• Iris Terrace color palette (#FDEDF3, #DCA77A, #8298E2, #976538, #243149)

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