Patina Petrol color palette — #F7EFE1 · #5DAEBD · #0080A4 · #005E57 · #000A15

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Cream (#F7EFE1): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#5DAEBD): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Sapphire Garden color palette (#F8EDDB, #56A8E5, #2470DA, #005A6D, #04012C)
• Denim Harbor color palette (#F6E5F1, #6EAEBA, #005C7F, #002C23, #000105)
• Patina Cerulean color palette (#E7F2F0, #3F8490, #004352, #001F20, #000203)
• Dusty Cerulean Basin color palette (#E9DECB, #75D2D1, #00A4B8, #008063, #00232F)
• Antique Periwinkle Pier color palette (#F4EEE3, #9EDDFF, #68AAE8, #008F9E, #1C2D4E)
• Plum Archive color palette (#F0E2EA, #BF0093, #736700, #00627A, #060003)
• Linen Magenta color palette (#FCE1F5, #E43CCB, #018942, #730065, #000902)
• Weathered Aqua color palette (#FBF4EA, #C1EAE3, #78CBE6, #57A99B, #2A5143)

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