Patina Petrol color palette — #F6EBF2 · #7EBDCB · #00709F · #005145 · #122D55

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F6EBF2): bright and airy, almost weightless.
• Ash (#7EBDCB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#122D55): 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

• Gentle Sapphire color palette (#FAE9EF, #92B5D6, #425FC2, #004E59, #2E264E)
• Petrol Grove color palette (#E8EAE0, #6FC1D5, #007695, #004A4F, #001925)
• Cerulean Canyon color palette (#E2F3F0, #82D2E6, #0094BA, #006B71, #003347)
• Quiet Cornflower Harbor color palette (#FFF1F6, #9FD5FF, #4D7ADD, #00656E, #3C376B)
• Patina Lagoon Alley color palette (#E7DBE3, #30A1A5, #005265, #00321F, #001626)
• Dusty Cypress Alley color palette (#F9F3F7, #D6DFF1, #739EC1, #287E75, #465368)
• Timeworn Navy color palette (#F3E6EC, #4689AA, #003B76, #002223, #050228)
• Amber Orchard color palette (#F3EEFF, #F8BCBE, #E27F31, #6B4F90, #3E2D45)

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