Tempered Pier color palette — #FED9C9 · #F58116 · #9E6200 · #6A4C00 · #4B4000

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

The five colors

• Shell Pink (#FED9C9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#F58116): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#9E6200): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6A4C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4B4000): 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

• Aged Amber color palette (#FFEBD3, #BD981E, #8D5E00, #703900, #3A3706)
• Airy Coral color palette (#F5D6D8, #FF6362, #CD3C00, #803A00, #493D00)
• Washed Sapphire color palette (#FFF3E4, #D39625, #076ADC, #7B5300, #14396D)
• Hazy Dune color palette (#FFF4E0, #E4E59A, #87C36D, #A16B39, #51491D)
• Dusty Station color palette (#F4E2B2, #BDAE37, #747E00, #485F20, #474740)
• Mulberry Coast color palette (#FFE9BC, #A27800, #00828B, #863E8D, #3F2D00)
• Antique Mint Atelier color palette (#FDF7CD, #95BE79, #5B9A66, #3E6E55, #3B5548)
• Weathered Garden color palette (#E5E3D3, #6C6D00, #394700, #0C2800, #001808)

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