Tempered Pier color palette — #F4E2EC · #BB6533 · #007698 · #723000 · #00151E

Built around Ochre, softened by Rust — the whole palette hums with trust and stability.

The five colors

• Blush (#F4E2EC): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#BB6533): A full-bodied, balanced orange — the color of sun-warmed clay.
• Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#723000): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#00151E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, 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

• Cobalt Loft color palette (#FBE1EC, #BD8258, #3481C1, #824100, #001D36)
• Airy Lagoon color palette (#E9DAEB, #BC5D6E, #007987, #850032, #001619)
• Sunlit Chapel color palette (#FFE6EE, #945D00, #00599F, #4D2E00, #000816)
• Hazy Sapphire Thicket color palette (#DBF0DB, #A87303, #3C5DD8, #5F3F00, #03053F)
• Hushed Ridge color palette (#FAE4F0, #A17F5C, #863C14, #610015, #140D00)
• Aged Iris color palette (#EBF5EB, #C09D6D, #7587D6, #875A00, #1D2448)
• Pale Byzantium Studio color palette (#ECD7E4, #CB551F, #8740C0, #7C2B00, #36164F)
• Dusty Navy color palette (#CBE8D6, #6A5B00, #00429E, #322900, #00020D)

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