# Secondary surface color design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-color.role.surface_secondary)

Last updated: 2026-08-06

Explore website designs that use **Secondary surface color**.

## Captured pages

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10738?format=jpg)](https://design.withfudge.com/share/pin-10738)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10738)

[![Fairphone | Official Website](https://pin.fontofweb.com/10723?format=jpg)](https://design.withfudge.com/share/pin-10723)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10723)

[![Employer Plans and Pricing | Handshake](https://pin.fontofweb.com/10714?format=jpg)](https://design.withfudge.com/share/pin-10714)

[Employer Plans and Pricing | Handshake](https://design.withfudge.com/share/pin-10714)

[![Letaido — Focus on strategy. Let AI do the work.](https://pin.fontofweb.com/10659?format=jpg)](https://design.withfudge.com/share/pin-10659)

[Letaido — Focus on strategy. Let AI do the work.](https://design.withfudge.com/share/pin-10659)

[![Dia | A browser you won't dread opening](https://pin.fontofweb.com/10604?format=jpg)](https://design.withfudge.com/share/pin-10604)

[Dia | A browser you won't dread opening](https://design.withfudge.com/share/pin-10604)

[![Parallel](https://pin.fontofweb.com/10580?format=jpg)](https://design.withfudge.com/share/pin-10580)

[Parallel](https://design.withfudge.com/share/pin-10580)

[![Parallel](https://pin.fontofweb.com/10575?format=jpg)](https://design.withfudge.com/share/pin-10575)

[Parallel](https://design.withfudge.com/share/pin-10575)

[![Platform Home Page - OpenAI API](https://pin.fontofweb.com/10536?format=jpg)](https://design.withfudge.com/share/pin-10536)

[Platform Home Page - OpenAI API](https://design.withfudge.com/share/pin-10536)

[![Platform Home Page - OpenAI API](https://pin.fontofweb.com/10535?format=jpg)](https://design.withfudge.com/share/pin-10535)

[Platform Home Page - OpenAI API](https://design.withfudge.com/share/pin-10535)

[![Juno — Your 24/7 AI Health Assistant for Chronic Illness](https://pin.fontofweb.com/10524?format=jpg)](https://design.withfudge.com/share/pin-10524)

[Juno — Your 24/7 AI Health Assistant for Chronic Illness](https://design.withfudge.com/share/pin-10524)

## Related design patterns

- [Accent color](/share/designs-with-color.role.accent)
- [Canvas color](/share/designs-with-color.role.canvas)
- [Primary surface color](/share/designs-with-color.role.surface)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Sans serif](/share/designs-with-typography.generic.sans_serif)

## Related website guides

- [faunarobotics.com design guide](/share/faunarobotics.com-design)
- [joinhandshake.com design guide](/share/joinhandshake.com-design)
- [diabrowser.com design guide](/share/diabrowser.com-design)
- [fairphone.com design guide](/share/fairphone.com-design)