Patina Petrol color palette — #E4F2F1 · #8AB8D7 · #186CAC · #004C62 · #112E52

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F2F1): a clean, paper-quiet neutral.
• Sky (#8AB8D7): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#186CAC): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#112E52): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Wandering Cobalt Field color palette (#F1E5EA, #94B8D6, #3F69B3, #004A50, #130641)
• Cypress Boulevard color palette (#E3F2EF, #7FBFBB, #00777B, #005144, #00353B)
• Cornflower Balcony color palette (#F5EDE6, #9ECBE9, #5184DC, #006B72, #282656)
• Antique Loft color palette (#E9F9F6, #A5D7EB, #008FA6, #006765, #00475A)
• Airy Summit color palette (#EDF0E4, #ACE0CE, #46AAFF, #008BB1, #0D2D56)
• Washed Cerulean Veranda color palette (#E1F0EE, #4B9BB7, #00506F, #002F36, #001625)
• Patina Thicket color palette (#EEF7F7, #D8DBEB, #7C9CC3, #44758F, #43536B)
• Sunlit Mulberry color palette (#F1D5E0, #B76800, #914899, #6C3B00, #3D1542)

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