Tempered Pier color palette — #FAE7F6 · #D93829 · #006549 · #003853 · #0D0A39

Built around Crimson, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Blush (#FAE7F6): A whisper-light, dusty pink — the color of a candy shop window.
• Crimson (#D93829): A full-bodied, vivid orange — the color of toasted spice.
• Pine (#006549): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#0D0A39): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged cool.

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

• Soft Bronze Dune color palette (#FAE8EF, #B86200, #00635D, #29286C, #130B33)
• Raspberry Summit color palette (#F4E8FE, #C73E8B, #585900, #003A49, #00171F)
• Amber Atelier color palette (#FFEEE5, #DE7250, #687C12, #005B62, #292158)
• Terracotta Meadow color palette (#FFE6F5, #953400, #004036, #001B32, #040015)
• Taupe Market color palette (#F3DFF4, #BE9368, #767A50, #3F4E62, #18263A)
• Plum Veranda color palette (#FFEDEF, #A2559F, #435E00, #36297D, #301D57)
• Patina Tangerine Coast color palette (#FFF3E9, #F88120, #877700, #235729, #34071D)
• Dusty Amber color palette (#EBF5EC, #BC954B, #2B7E8E, #51436E, #272241)

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