Patina Petrol color palette — #F0E7E1 · #95BEAC · #2B6DAF · #004B4A · #0C0E3B
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E7E1): a clean, paper-quiet neutral.
- Sage (#95BEAC): A luminous, dusty teal — the color of sea glass.
- Slate (#2B6DAF): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0C0E3B): A deep, shadowed, balanced violet — the color of wild irises.
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
- Antique Coast color palette (#EDF0E7, #8FBDA9, #0070A2, #004E5C, #003052)
- Hushed Chapel color palette (#F3E4DC, #54ADA9, #006373, #003C1F, #000C16)
- Cerulean Chapel color palette (#FDEEE7, #B8DABA, #0091B0, #006544, #002840)
- Worn Cobalt Cabin color palette (#F7EAF1, #A2CAE5, #4889D0, #006C6B, #212859)
- Softworn Navy Dune color palette (#F0E5DA, #507DA5, #20337D, #001E24, #020009)
- Tempered Cypress Boulevard color palette (#F7F0EB, #C4E8EA, #AF91AE, #2B787B, #462D3D)
- Softworn Orchard color palette (#DCEAD0, #009576, #AD3B68, #005341, #290011)
- Washed Emerald Alley color palette (#DEEDCC, #26A34A, #006547, #003A37, #001D20)
Browse the whole catalog at Explore, or see today's palette.