Patina Petrol color palette — #F0E7E3 · #97BFA1 · #0074A2 · #004E30 · #02103D

Slate and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E7E3): a clean, paper-quiet neutral.
• Sage (#97BFA1): A luminous, dusty teal — the color of sea glass.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Indigo (#02103D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. 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

• Cobalt Cabin color palette (#F9F0EB, #AED1BC, #4980B2, #005D49, #191C3F)
• Gentle Sapphire color palette (#F1E7DC, #94BDB2, #555FC0, #004B4E, #21013A)
• Worn Petrol color palette (#F4EEE4, #7CBEC6, #00748E, #005147, #00324A)
• Dusty Denim Loft color palette (#EBDDD3, #6EA5BF, #1A55A8, #003A33, #0C002B)
• Spruce Archive color palette (#F0E4E2, #4B9994, #005264, #032E03, #00040D)
• Wandering Lantern color palette (#F8F0EA, #C4E5D9, #798CBF, #006D6A, #421F30)
• Antique Orchard color palette (#B8F1CE, #40B08D, #006D46, #00301F, #000603)
• Muted Aubergine Drift color palette (#D9EBD0, #007D6A, #80379E, #730096, #000E0A)

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