Patina Petrol color palette — #E1FCF8 · #77AF76 · #808BC5 · #6E63A6 · #153A36

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

The five colors

• Ivory (#E1FCF8): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#77AF76): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#808BC5): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6E63A6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Forest (#153A36): A deep, shadowed, dusty teal — the color of sea glass.

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

• Gentle Amber color palette (#E9FBE9, #CB9232, #798CCC, #5D6CA0, #273828)
• Weathered Jade color palette (#E2FCF6, #7AB062, #B7789B, #925B75, #1A3934)
• Worn Teal Grove color palette (#E3FBFB, #5EBA93, #8874AF, #874755, #542C16)
• Soft Cobalt color palette (#E9F8FD, #00A7A7, #3886BE, #803D69, #12352A)
• Washed Mint Coast color palette (#FFF0F9, #7EC495, #2D95A8, #8F4B5B, #194449)
• Lilac Thicket color palette (#E7F9FF, #44CFDA, #A6A1F5, #AB7ABB, #20373E)
• Moss Loft color palette (#EFF7F5, #B9CD97, #5298C0, #6F8D24, #162632)
• Wandering Mulberry color palette (#E6F9FF, #00AAAD, #B665A6, #9D3D75, #00313D)

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