Tempered Pier color palette — #EFDBD3 · #C42D2F · #5A6900 · #004C51 · #220001

Built around Brick, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Bone (#EFDBD3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#C42D2F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Olive (#5A6900): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004C51): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#220001): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Plum Alley color palette (#F9D4CF, #B53A6B, #785C00, #004F40, #21000C)
• Washed Brick Balcony color palette (#FDE4DC, #BC3943, #007253, #004573, #220003)
• Powdered Rust color palette (#FBEAE0, #BD4C21, #684E00, #003948, #280013)
• Fern Ridge color palette (#EFDECF, #914C00, #2A6200, #003B4E, #0B0300)
• Washed Raspberry Drift color palette (#ECDDC4, #BF5A76, #804800, #003969, #320002)
• Terracotta Boulevard color palette (#E9DCE5, #8F2900, #3E4900, #003217, #1B0415)
• Weathered Coast color palette (#FFE6F1, #CA0085, #006F61, #004339, #020005)
• Powdered Veranda color palette (#F8E5D2, #764600, #005144, #060084, #040100)

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