Patina Coast color palette — #F3DFE3 · #FF9E8D · #F67000 · #BB6900 · #563B00

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F3DFE3): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FF9E8D): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#F67000): A luminous, vivid orange — the color of autumn markets.
• Ochre (#BB6900): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#563B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Linen Coral color palette (#F3D6E2, #FFA0AC, #FF5B59, #C64E00, #633900)
• Sunlit Amber Canyon color palette (#FFD8D0, #FFA066, #D67D00, #9B7400, #3C3800)
• Hushed Terrace color palette (#FFF2EF, #FFAF96, #EA5D00, #9A4800, #522A00)
• Faded Tangerine color palette (#FFE7F3, #F4BC78, #F1813F, #BD5F5D, #413407)
• Softworn Coral Lantern color palette (#FCE3E1, #EF6D5C, #B34700, #743900, #331E00)
• Worn Hollow color palette (#FFF1F6, #FFB16D, #27D8F4, #CC7300, #00434D)
• Hazy Amber color palette (#F5DED5, #D97700, #A66F00, #685600, #1F2500)
• Feathered Terrace color palette (#FFDECB, #FABD76, #D9A500, #8D8F30, #214F45)

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