Patina Petrol Atelier color palette — #ECF4F0 · #CCDBDC · #CDBBC1 · #487D95 · #252F2A

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

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#CCDBDC): bright and airy, almost weightless.
• Stone (#CDBBC1): A luminous, dusty rose — the color of strawberry cream.
• Slate (#487D95): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#252F2A): 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 Atelier 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

• Wandering Field color palette (#F0F6FA, #D9DAE4, #C2BDCF, #10819E, #3D4A51)
• Dusty Indigo color palette (#F9EEF4, #E3D1D1, #D7B4C0, #645FAF, #2D2128)
• Dusty Thicket color palette (#F0F3E8, #ABB998, #428372, #435D42, #232A18)
• Wandering Ash color palette (#F0F7F3, #E0D3D2, #BDBCAE, #71A7BA, #37423C)
• Wandering Abyss color palette (#DAE2DF, #A99AAB, #8C7289, #003A59, #000604)
• Muted Cobalt color palette (#EFDEF0, #2F76C7, #3E293A, #1C121C, #020806)
• Patina Denim Terrace color palette (#F0E6EA, #D5C7CC, #B29DA2, #594887, #1E1218)
• Dusty Iris Meadow color palette (#E4F7F1, #B9E7FF, #8BCAFF, #718CDF, #092240)

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