Tempered Pier color palette — #FFDCD0 · #FFB1B4 · #04C2AF · #D80043 · #003630

A conversation between Rose Red and Turquoise, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#FFDCD0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rose Quartz (#FFB1B4): A whisper-light, balanced red — the color of late-summer berries.
• Turquoise (#04C2AF): A luminous, balanced teal — the color of shallow lagoons.
• Rose Red (#D80043): A full-bodied, vivid red — the color of embers at dusk.
• Deep Forest (#003630): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Raspberry Corridor color palette (#FFDBD8, #FFACD2, #04C3A1, #CE0087, #00372B)
• Plum Alley color palette (#FFF2EE, #FF889D, #00B1A3, #C5004E, #002521)
• Worn Rust Bloom color palette (#FFDCCA, #FFB49E, #03B8ED, #CB3A00, #003345)
• Dusty Ember color palette (#FEDDC8, #FF9561, #00C0B6, #DA5C00, #003633)
• Hushed Clover Boulevard color palette (#FEDBD8, #FFACCD, #3EC80A, #D0007E, #0B3800)
• Amber Pier color palette (#FFF3E9, #FFB07D, #27D8F3, #D66B00, #00434D)
• Sunlit Grove color palette (#F1DABD, #C5BC54, #C58600, #BC4500, #183000)
• Rose Orchard color palette (#FFDEE0, #F3165B, #008477, #900031, #001B17)

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