Patina Petrol color palette — #DAE8E3 · #107AAC · #422938 · #07251C · #05100E

Cerulean and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DAE8E3): a clean, paper-quiet neutral.
• Cerulean (#107AAC): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#422938): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#07251C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#05100E): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Ancient Cobalt color palette (#FAEDF7, #6B7BAB, #4D343B, #30242E, #111B1B)
• Aged Harbor color palette (#DDE9DB, #00827C, #173A2F, #132411, #09100A)
• Wandering Azure Harbor color palette (#D6EAE3, #2F98D7, #60415C, #21322C, #121B16)
• Sky Coast color palette (#D3E8F9, #30B6FC, #666F89, #3F4B56, #131A1C)
• Ultramarine Alley color palette (#DCEAFF, #0051C1, #2A0E3E, #000B28, #000B04)
• Grape Canyon color palette (#FCDEEC, #7043D2, #431837, #191132, #13060B)
• Aubergine Studio color palette (#F9E4EC, #68349E, #1B2015, #2F0A1E, #17010A)
• Charred Navy color palette (#CDE5DE, #003B66, #061317, #0C0022, #000206)

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