Patina Petrol color palette — #ECF4F0 · #CDDADB · #AFC0C2 · #457D94 · #232F29

Slate takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#CDDADB): a clean, paper-quiet neutral.
• Ash (#AFC0C2): soft and architectural.
• Slate (#457D94): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#232F29): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Chapel color palette (#F0F6FA, #D9D9E0, #C0BDC9, #00819D, #3D4A51)
• Lagoon Studio color palette (#F0F4E5, #92BFA6, #4A826F, #465C42, #232A15)
• Hushed Bloom color palette (#F6F0F5, #DCD4D5, #BBACA6, #947893, #3B333A)
• Softworn Parlor color palette (#F9EFF2, #E2D2CF, #C7B0B4, #6E598B, #2A1C21)
• Abyss Meadow color palette (#DDEBE5, #91A59F, #8C728B, #003B57, #000603)
• Dusty Cobalt color palette (#F1E4F3, #3E78B4, #3E293B, #1B121C, #020806)
• Aged Azure color palette (#EDF6E1, #60A4D5, #526A9C, #5F3656, #2D1A30)
• Misty Field color palette (#E0F8F1, #ADE5FF, #78C4FF, #6F90DD, #301832)

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