Tempered Pier color palette — #E8F8FF · #00A0CC · #DC354D · #714C00 · #000F16

Rose Red and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Cerulean (#00A0CC): A luminous, balanced blue — the color of open sky before noon.
• Rose Red (#DC354D): A full-bodied, vivid red — the color of late-summer berries.
• Bronze (#714C00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#000F16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

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

• Antique Rust color palette (#EDF7FF, #2BAAFE, #C03900, #675200, #000E1C)
• Quiet Brick color palette (#EDF7FF, #008EDA, #BA002E, #473C00, #000907)
• Raspberry Meadow color palette (#E5F9FF, #00A7A6, #C0499F, #8F3200, #001010)
• Softworn Cornflower color palette (#F0F5FF, #6481EB, #A96212, #4A5400, #01061C)
• Pale Amber Thicket color palette (#EFF6FF, #8AB8FF, #C66300, #6F6A00, #081A37)
• Pale Peony Dune color palette (#CCE9FD, #00B2EA, #F442B6, #887C00, #002331)
• Dusty Atelier color palette (#C3F1DA, #007393, #A70030, #503800, #002330)
• Iris Thicket color palette (#F1F5FF, #8F90F8, #AF8034, #406D25, #0D1428)

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