Patina Petrol color palette — #F3E6DF · #70C2D0 · #00759E · #004D3E · #001532

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

The five colors

• Parchment (#F3E6DF): a clean, paper-quiet neutral.
• Cyan (#70C2D0): A luminous, balanced blue — the color of open sky before noon.
• Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Petrol color palette (#F8EAF4, #8AB9CE, #066FA2, #005238, #19295D)
• Aged Cobalt Ridge color palette (#FBEFE8, #92D2EA, #4D81AD, #005C56, #2E172B)
• Ancient Dune color palette (#FBEADC, #46A8D7, #0056A8, #00393A, #06022B)
• Tempered Cerulean color palette (#EAF9F7, #C6E5FF, #00A2C6, #00696D, #002230)
• Hushed Lagoon Workshop color palette (#FAEBE3, #009D9F, #005263, #002E1A, #00050B)
• Muted Navy Canyon color palette (#EFDBCE, #2E83A5, #003C6E, #001F1F, #01000C)
• Tempered Ash color palette (#F9F0EB, #C2ECE8, #77A2C0, #3F776D, #422F41)
• Blush Orchard color palette (#FFDBF1, #D7B4F4, #CF8196, #065E84, #2D1121)

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