Patina Petrol Harbor color palette — #F1F7F2 · #DAD5DF · #81A7E2 · #007B95 · #232A54

Teal and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#DAD5DF): a clean, paper-quiet neutral.
• Cornflower (#81A7E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007B95): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#232A54): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina Petrol Harbor 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

• Worn Turquoise color palette (#F0F7F1, #D5D6E5, #3FB7D3, #00816D, #003348)
• Periwinkle Market color palette (#FEF1F5, #C4E5FF, #95ADFF, #00A0A0, #3F3356)
• Petrol Loft color palette (#E7F1E9, #7DC3D6, #007098, #003E3C, #000308)
• Muted Cobalt Field color palette (#FBF4EA, #A1CAED, #5879AC, #005D71, #4C3045)
• Cobalt Quarry color palette (#F8F0E8, #A1D4C3, #6479B5, #005B5A, #24183B)
• Cerulean Parlor color palette (#EFF8F0, #92DBDA, #008A9B, #005340, #000F16)
• Patina Olive Study color palette (#E6FBF5, #A9CD7B, #C68BE9, #5B8300, #371648)
• Gentle Crimson color palette (#D7FFF7, #83B864, #5C98E4, #C65261, #0C2100)

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