Patina Petrol color palette — #ECF8F4 · #A8B67A · #0076AF · #586800 · #182631

Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF8F4): a clean, paper-quiet neutral.
• Sage (#A8B67A): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#0076AF): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#586800): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#182631): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Washed Chestnut Balcony color palette (#EEF8F1, #C3AD6C, #007F7D, #755C00, #15272C)
• Aged Indigo Chapel color palette (#EFF7F7, #79C290, #5563C8, #00733C, #1E2430)
• Timeworn Mint color palette (#F1F3E7, #7DC885, #008878, #35753E, #091106)
• Antique Pier color palette (#E5FAFC, #00BC9F, #6433E6, #006554, #151B32)
• Weathered Jade Alley color palette (#FFF0FA, #61AA75, #007786, #7C313E, #1F4447)
• Worn Villa color palette (#E9F9F7, #94D79C, #00A696, #51915A, #16272A)
• Chalky Mint Coast color palette (#E8FCD0, #6EC196, #008D85, #005964, #004165)
• Faded Emerald color palette (#DCF9F6, #00AB40, #005C7F, #00561C, #001322)

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