Patina Petrol Garden color palette — #DCEDED · #92B8DB · #3A6CAB · #004763 · #02103D

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

The five colors

• Frost (#DCEDED): bright and airy, almost weightless.
• Sky (#92B8DB): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3A6CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004763): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#02103D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina Petrol Garden 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

• Antique Petrol Chapel color palette (#DEEDEA, #94BAC9, #00788B, #004B49, #001922)
• Softworn Chapel color palette (#F6EDE3, #8BBDAF, #3C5CCE, #004E58, #2E2553)
• Pale Cornflower Hollow color palette (#ECF1E4, #9CC9F5, #4886DA, #00668E, #192B57)
• Antique Denim color palette (#E5F3F2, #5193B4, #004E77, #002A35, #00040E)
• Sapphire Atelier color palette (#E9D9EC, #BB5D72, #4A5FC8, #850038, #07063D)
• Chestnut Atelier color palette (#DFEFE1, #9A8447, #6E4F00, #462A00, #120E00)
• Hushed Aubergine color palette (#F2D4EE, #AA4643, #745B00, #73128B, #1E0001)
• Dusty Pier color palette (#FADCF7, #E3BBD8, #CE936E, #9E1E42, #390C08)

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