Patina Alley color palette — #FCF5E0 · #8B8800 · #006BAC · #6C3575 · #2C1708

Olive Leaf and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCF5E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#8B8800): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#006BAC): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6C3575): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#2C1708): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Hazy Alley color palette (#F3F4DE, #78A550, #007CA4, #772A78, #412300)
• Hushed Amber Pier color palette (#FDF4E8, #B47800, #00778A, #4F3F8E, #2D140D)
• Misty Orchard color palette (#F5F7E6, #5DA144, #5461DB, #7C305D, #2D1C03)
• Tempered Harbor color palette (#FEECD0, #8EB045, #008D65, #5B4491, #30312A)
• Amber Loft color palette (#FFF1F5, #C67B0C, #7E5AA3, #7E305B, #14030F)
• Navy Courtyard color palette (#EAE5CA, #5E6F00, #0049A3, #570057, #0B0300)
• Pine Lantern color palette (#F2F8E6, #007D3E, #00596F, #00395F, #2B1808)
• Plum Grove color palette (#DEEFDB, #008C8A, #A20093, #642900, #151400)

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