Patina Petrol Loft color palette — #D7F5FF · #007497 · #004A67 · #00263D · #000C1A

A conversation between Teal and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#D7F5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007497): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004A67): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00263D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000C1A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

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

• Inked Onyx Quarry color palette (#DEF2F3, #006877, #00374C, #001736, #04002E)
• Hushed Cobalt Alley color palette (#D9ECF9, #0072B6, #004882, #002762, #000037)
• Cypress Meadow color palette (#DEF4EB, #007866, #00554E, #002C2B, #000F11)
• Pale Fern Ridge color palette (#D4E7E0, #0070A5, #196A06, #003C5C, #010900)
• Hushed Cobalt Courtyard color palette (#DEE7F3, #2E80D4, #00467F, #001E3C, #000206)
• Dusty Terrace color palette (#FAE6FC, #89A4D9, #7C7CC9, #005176, #000821)
• Washed Aubergine Meadow color palette (#D0E4F5, #005C95, #72009D, #00483E, #000205)
• Faded Nightshade Cabin color palette (#E3F0FF, #1D65CA, #0E1CC4, #150078, #08002A)

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