Tempered Pier color palette — #FFD3E0 · #FFA49F · #F77711 · #A56E00 · #493C00

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD3E0): A whisper-light, dusty rose — the color of a warm blush.
• Rose Quartz (#FFA49F): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#F77711): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#A56E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#493C00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Tempered Pier 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

• Antique Amber color palette (#FFE7E4, #FCA777, #D58A27, #8F7300, #363E00)
• Linen Ember Meadow color palette (#FAD4D2, #FF8665, #CF6200, #8C5000, #563800)
• Weathered Studio color palette (#FFCBF6, #FF9FC1, #FF676C, #D1502C, #623500)
• Marigold Harbor color palette (#FFF3E7, #FFCA95, #EE9400, #A86800, #392200)
• Feathered Apricot color palette (#FFEADB, #EDC077, #E28B59, #B0676D, #3A3700)
• Hushed Coral color palette (#F8D8E1, #FF6B68, #B44D00, #664300, #282300)
• Aged Amber color palette (#EDDDD9, #DD7D00, #A47100, #666200, #102200)
• Hazy Marigold Veranda color palette (#FFD7C5, #FFAF3D, #B9A900, #7A8900, #004E1F)

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