Patina Petrol color palette — #FAF4EB · #B8DED1 · #7098CA · #00798D · #2B3763

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Silver (#B8DED1): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7098CA): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00798D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2B3763): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Hushed Dune color palette (#FBF4EA, #C4DCC6, #3DA5B9, #007E66, #0D4054)
• Azure Dune color palette (#FEF4E3, #82D8F8, #0096D9, #007275, #003265)
• Antique Powder color palette (#FFF1F6, #C4E5FF, #95B0F1, #429C97, #333758)
• Worn Lagoon color palette (#EEE8E0, #6997C0, #1F52AE, #003948, #05002C)
• Tempered Bloom color palette (#F8F5EF, #CEE3E4, #8BBDB1, #2596A7, #614A5E)
• Petrol Pier color palette (#E6E0D6, #84AD92, #007093, #004A46, #001527)
• Cobalt Ridge color palette (#FDF3EB, #A0CBE8, #5073CC, #00605C, #512E3F)
• Mint Hollow color palette (#CCECD3, #59C39A, #009780, #006761, #004349)

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