Patina Petrol color palette — #E6F0FB · #8BC3A2 · #31669B · #043762 · #0C1722

Peacock and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E6F0FB): bright and airy, almost weightless.
• Mint Leaf (#8BC3A2): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#31669B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#043762): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0C1722): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cypress Canyon color palette (#E1F2F7, #A2BF88, #007274, #003E3F, #001A21)
• Ancient Denim color palette (#E8EFFB, #E59DA9, #4F5E9E, #273160, #0D1628)
• Seafoam Workshop color palette (#E2FCF4, #8CE7AC, #1E67A0, #003027, #000504)
• Navy Canyon color palette (#E7EFFA, #C58F5B, #16417C, #0A2141, #11111B)
• Honey Pier color palette (#F9E8F8, #FFB67A, #5D88CB, #3E577D, #1C121C)
• Muted Navy color palette (#DCE7F6, #30AA80, #173C95, #001050, #00020C)
• Patina Driftwood Corridor color palette (#F4F4FE, #E4C7DD, #8D709C, #4C4966, #2B2A35)
• Frosted Indigo color palette (#F1F5FF, #A3ADFA, #A25EC1, #5C5CE1, #181529)

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