Patina Petrol color palette — #F4F6ED · #C1E6D6 · #6490B0 · #006D84 · #245147

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

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Celadon Mist (#C1E6D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6490B0): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006D84): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#245147): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Petrol Meadow color palette (#F4F6EF, #C6E4DB, #668DBC, #1A6A8D, #593C57)
• Softworn Cobalt color palette (#F4F7EC, #A4D7EF, #0089C3, #006475, #154366)
• Aged Turquoise color palette (#DFE0D1, #55AEB4, #00636F, #003E3A, #00242D)
• Softworn Abyss color palette (#E8EADA, #538A98, #004357, #002225, #000B13)
• Ancient Petrol Villa color palette (#F6F6E9, #6BC9CA, #007D86, #00574D, #003A44)
• Lagoon Corridor color palette (#FAF3F6, #D4DEFB, #81A7DA, #008C8F, #3F4468)
• Weathered Bloom color palette (#E7EDDB, #5A95C5, #00498B, #002D3F, #000E3B)
• Muted Study color palette (#FFF2EF, #E7D6CC, #E1B09D, #A77082, #62473F)

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