Tempered Pier color palette — #FFF0FC · #FF7A6C · #00AD8B · #247DB4 · #1D172B

A conversation between Salmon and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Salmon (#FF7A6C): A luminous, vivid orange — the color of autumn markets.
• Turquoise (#00AD8B): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#247DB4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#1D172B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Gentle Emerald Summit color palette (#FEF0FF, #FF96AD, #00A05D, #0082AC, #1C1A2D)
• Hazy Apricot color palette (#FFF1F7, #EF8D33, #00A1AE, #646BC1, #221527)
• Airy Moss color palette (#FFECF4, #FC9339, #4FAB3E, #007C9C, #381B4D)
• Amber Pier color palette (#DCF7E1, #FF9E66, #B89200, #00819D, #432631)
• Washed Amethyst color palette (#DFF8DC, #D48D0A, #0098B1, #6B49DA, #390010)
• Soft Ember Field color palette (#ECD9E5, #E35D00, #008671, #0C54B2, #140010)
• Muted Peony Atelier color palette (#FFF2F0, #D95684, #0074A6, #004B6E, #000E0A)
• Turquoise Canyon color palette (#EFF8F1, #DABC77, #4EB5E0, #8A7EB0, #3D313C)

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