Brizette

Browse designs for apps, websites, pages and components on desktop, mobile, tablet and watch. Pick a style and a palette, and every screen redraws in it.

• Check the contrast of every colour pairing against WCAG 2.2 AA, AAA or APCA, and fix the ones that fail.
• See the screens as someone colour-blind or with low vision sees them.
• Export the palette and the style as CSS variables, W3C design tokens (JSON), a Tailwind or shadcn theme, or SwiftUI or Jetpack Compose colours.
• Import colours from a picture, a list of hex values, CSS variables or design tokens.
• Make a dark version of a light palette, or a light version of a dark one.
• Change a style’s fonts, corners, borders and shadows, and share it as a link.
• Compare one screen in every style or every palette.

Every style