Patina Petrol color palette — #FFF2EC · #C48679 · #3F98A3 · #4675A3 · #48413D

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Dusty Rose (#C48679): A luminous, dusty orange — the color of autumn markets.
• Cerulean (#3F98A3): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4675A3): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#48413D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged 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 Lagoon color palette (#FFF2EF, #C6818F, #5A997B, #008885, #543C37)
• Muted Pewter color palette (#FFF3E3, #B19361, #628CBF, #7765A1, #46423B)
• Rust Chapel color palette (#FFE6D3, #C75D00, #007E9F, #44569A, #4F2202)
• Tempered Moss Garden color palette (#FFECF5, #C88C6C, #8B962D, #9F6187, #33202B)
• Antique Quarry color palette (#FFF2EB, #E79B84, #AFA856, #B17FA9, #48413D)
• Tempered Cocoa Ridge color palette (#FFF2EC, #DFDCCD, #BFCEA9, #A8788A, #773D16)
• Worn Fern Canyon color palette (#FCF4E7, #BFB89F, #8E7F55, #755638, #4C4B00)
• Shell Bloom color palette (#FFF0FB, #FFB0A2, #7BCDD6, #7CA9D2, #4E3C4A)

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