Patina Harbor color palette — #FAEADF · #AB4900 · #0C6712 · #491B00 · #000200

Built around Terracotta, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#FAEADF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Terracotta (#AB4900): A full-bodied, balanced orange — the color of toasted spice.
• Pine (#0C6712): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#491B00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Bronze Bloom color palette (#FCE5C9, #8F6000, #006450, #3C2600, #000201)
• Pale Basin color palette (#FAE8DA, #804100, #3D4E00, #5D003A, #030100)
• Shadow Cocoa color palette (#F2E4DA, #803A00, #00474E, #371500, #000709)
• Feathered Grape color palette (#F9E2D1, #A35100, #8100A2, #451F00, #030005)
• Aged Olive color palette (#F3EDD9, #6F792D, #403E00, #171200, #010100)
• Ember Cabin color palette (#F3DDD1, #C95F00, #622A00, #170600, #030100)
• Hushed Corridor color palette (#E8E4D6, #828400, #007582, #3E3F00, #000102)
• Frosted Raspberry Studio color palette (#FAECD7, #BB8800, #D2009F, #654800, #15000D)

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