Patina Tangerine color palette — #FAF0E8 · #FD7F33 · #557800 · #923F00 · #0B0900

Built around Tangerine, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF0E8): a clean, paper-quiet neutral.
• Tangerine (#FD7F33): A luminous, vivid orange — the color of toasted spice.
• Olive (#557800): A full-bodied, balanced green — the color of a quiet forest floor.
• Burnt Sienna (#923F00): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#0B0900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Weathered Brick color palette (#FFEEE6, #F6806F, #806900, #AC0A00, #0E0800)
• Pine Garden color palette (#F8F1E7, #D89B00, #0A821D, #775400, #090A00)
• Tempered Harbor color palette (#EDE3DA, #CD7315, #525B00, #6A3700, #030200)
• Quiet Coast color palette (#FFF0F8, #FF9F6C, #669800, #BD5400, #00231D)
• Misty Coral color palette (#FEF0FC, #FF6A6A, #007569, #A3001F, #002227)
• Pale Marigold color palette (#FBEDE2, #CE9600, #7E7100, #3D4900, #082400)
• Mulberry Courtyard color palette (#FEEDEB, #FD70A3, #955C00, #A70057, #110700)
• Amber Lantern color palette (#FFF0D8, #C08300, #5F6800, #00416C, #271A00)

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