Patina Petrol color palette — #F4F6F0 · #C0E6DB · #658CC1 · #006A94 · #36476B

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

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Celadon Mist (#C0E6DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#658CC1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006A94): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#36476B): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Muted Cerulean color palette (#F5F6EF, #CAE4D4, #4095B8, #006F79, #255143)
• Worn Iris Corridor color palette (#F7F1E9, #BBE7DB, #6F89D7, #006A78, #3C2331)
• Powder Summit color palette (#EDF8F7, #D8DAF1, #95BFFD, #6C9FBE, #394861)
• Patina Abyss color palette (#EAEEDE, #4D88A7, #004163, #00212A, #000A18)
• Hazy Chapel color palette (#FFF1F6, #947AB7, #B6596B, #0071A2, #4B2E39)
• Petrol Harbor color palette (#F5F7E8, #7CC5D1, #007B93, #005556, #00394B)
• Wandering Denim color palette (#EEEFE4, #81AA90, #00617A, #003D41, #002332)
• Patina Ridge color palette (#FFF1F3, #E3D7D2, #E8B5B1, #8E6FAB, #5F4246)

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