Patina Petrol color palette — #CBEFF6 · #436692 · #473860 · #282400 · #001A0E

Slate takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#CBEFF6): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#436692): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#473860): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#282400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001A0E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Abyss Balcony color palette (#D4F3EB, #307470, #133E5C, #361100, #0B1302)
• Pewter Chapel color palette (#E4ECFE, #7F5C91, #5C2834, #00241C, #020D18)
• Patina Spruce color palette (#E5E8F6, #707CA0, #68466B, #134400, #002E29)
• Navy Basin color palette (#EAD9E0, #6484A1, #16318A, #002226, #0A0027)
• Denim Grove color palette (#DEDFFA, #664C8F, #482054, #340004, #080100)
• Ancient Iris Balcony color palette (#D2E6F7, #7F78C2, #895982, #424B22, #0E1200)
• Patina Aubergine color palette (#EEEEFF, #6B308D, #3B4400, #32004A, #050700)
• Deep Aubergine color palette (#D2E1FF, #4744AB, #43007D, #270035, #180005)

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