Patina Petrol color palette — #F1F7F3 · #D2DCDD · #CCBCC1 · #00829A · #3E4B43

A conversation between Cerulean and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#D2DCDD): bright and airy, almost weightless.
• Stone (#CCBCC1): soft and architectural.
• Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3E4B43): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Petrol Delta color palette (#EEF4EF, #CEDBDC, #D6BBBC, #2C828E, #252F27)
• Hushed Lagoon Quarry color palette (#F3F6F0, #D4DCD9, #B3C3C0, #008969, #375110)
• Denim Ridge color palette (#EAF9F3, #DACEDA, #9EA3CD, #00618E, #1B3A30)
• Wandering Denim color palette (#FAF3F6, #E4D6D3, #C3ADAF, #675896, #44363D)
• Cobalt Orchard color palette (#D3EBE3, #2177B3, #3F2A3B, #09241E, #040F0F)
• Patina Hollow color palette (#D5E2DB, #9BAEA9, #92748D, #003D52, #041810)
• Chestnut Meadow color palette (#D9FCEB, #CBB3C8, #9C7B8A, #8F582A, #6E4B00)
• Washed Cocoa Delta color palette (#FEF4E3, #5EA2BC, #50699C, #812F1D, #1E463A)

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