Patina Navy Loft color palette — #FAEEF8 · #C07671 · #2C7450 · #154173 · #0B1C40

Navy and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FAEEF8): bright and airy, almost weightless.
• Caramel (#C07671): A luminous, balanced orange — the color of sun-warmed clay.
• Pine (#2C7450): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#154173): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#0B1C40): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Patina Denim Parlor color palette (#FAEEF5, #C48D79, #457F68, #4D4472, #29223F)
• Worn Lilac Studio color palette (#F2F0FD, #AE75B7, #7C6100, #004958, #002134)
• Weathered Cypress Balcony color palette (#EDF8F3, #868F50, #007557, #005163, #283364)
• Powdered Boulevard color palette (#FCD3E4, #A85B00, #005855, #002E52, #110032)
• Ancient Cypress color palette (#F6EFF4, #BCE4F3, #5597B2, #156E55, #102E49)
• Antique Aubergine Veranda color palette (#FFECF2, #B77000, #006969, #5D0066, #2F0027)
• Hushed Boulevard color palette (#FEE4FE, #D8B1C3, #719385, #475672, #27304A)
• Washed Aubergine Hollow color palette (#D8EBDF, #7B6B00, #004D6B, #36025F, #1A0013)

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