Tempered Pier color palette — #E6F9FE · #8AE8E5 · #FFADAF · #5ABAB8 · #5C445B

Rose Quartz and Turquoise set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E6F9FE): A whisper-light, dusty blue — the color of deep harbor water.
• Ice Blue (#8AE8E5): A whisper-light, balanced teal — the color of shallow lagoons.
• Rose Quartz (#FFADAF): A whisper-light, balanced red — the color of a theater curtain.
• Turquoise (#5ABAB8): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5C445B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Softness, Clarity. Tagged light, muted.

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

• Hushed Hollow color palette (#EDF7FF, #ACDBFF, #F9B689, #69B0E3, #624251)
• Timeworn Lagoon Loft color palette (#EBF8FB, #79D7D1, #EB969A, #17A09A, #5B445C)
• Tempered Hollow color palette (#E9F9F7, #B8E2B8, #E7B1EA, #84B885, #4F4767)
• Timeworn Stone Garden color palette (#EAF8FD, #D6DBE6, #94C3CA, #BBA8A7, #42555F)
• Worn Mallow Station color palette (#E6F9FF, #7AD9DE, #DEA6EB, #CDA869, #30464E)
• Pale Coral Terrace color palette (#E9F8FF, #8EE9FF, #E98172, #00A9C5, #63221B)
• Pale Apricot color palette (#E1F1FE, #70C9FF, #FFA34F, #0091CE, #4F2C09)
• Dusty Meadow color palette (#FFE0A8, #FFCCDF, #99DFFF, #4C6473, #31383D)

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