Patina Petrol color palette — #F7EFF4 · #F1D0CF · #D2B7C0 · #6560A9 · #2E2028

A conversation between Slate and Bone, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Bone (#F1D0CF): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D2B7C0): A luminous, dusty rose — the color of a warm blush.
• Slate (#6560A9): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#2E2028): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, 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

• Hushed Atelier color palette (#E8F5F0, #C5DBDE, #CDB7CC, #28729C, #192923)
• Denim Lantern color palette (#EFE6EA, #DEC3CC, #B99AA1, #5B4884, #1F1117)
• Antique Petrol color palette (#F1F5FF, #DFD6E5, #BCB9D0, #6061A8, #393F50)
• Iris Thicket color palette (#FDF1F9, #E6D7D5, #AAB3A7, #818CD1, #3F2F3A)
• Driftwood Coast color palette (#F9EFEE, #DDD5CE, #AEAEA1, #9F7871, #3B3433)
• Pale Orchid Corridor color palette (#FFECF3, #C6C8FF, #C49EFF, #B164BE, #220A34)
• Mallow Grove color palette (#F1D2FF, #DD95D2, #A86585, #6A432A, #35302A)
• Weathered Garnet Lagoon color palette (#FBEAEA, #B49896, #98716A, #5B1448, #0B0202)

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