Bento UI

Information in its Sunday best, filed neatly in dark drawers

Omoro Spectrolab · Color Analysis Sampling Live
PaletteBento UI
Batch021-BU
Pigments0 / 5 Sampled
MoodInformation in its Sun
Drawdown Recordtap a pull to copy hex
Omoro Color Laboratory - Drawdown Record021-BU / 5 PULLS

information in its sunday best, filed neatly in dark drawers

Sampled Pigment- - - - - -
Awaiting SampleRGB - · - · -
● SENSOR OKHEX COPIED ✓
Export Tray - Digitized SwatchesEMPTY
SLOT 01
SLOT 02
SLOT 03
SLOT 04
SLOT 05
Bento UI aesthetic example
In usebento ui
Hex Reference
#1A1A2EMidnight Slate
#2D2D3FCard Shadow
#6C63FFAccent Iris
#00D2FFSignal Cyan
#F0F0F5Grid White
Color Psychology

The emotional center of gravity here is introspection, intuition and depth, pulled off-balance by a single blue accent that keeps the palette from reading as one-note. A wide value range gives it real contrast; it reads with depth rather than sitting flat, and the saturation sits in a comfortable middle register, present, not shouting.

introspectionintuitiondepthfocustruststability
Midnight Slate#1A1A2E

Midnight Slate a near-black indigo, depth, focus, the color of late-night thought.

Card Shadow#2D2D3F

Card Shadow a near-black indigo, depth, focus, the color of late-night thought.

Accent Iris#6C63FF

Accent Iris a saturated ultraviolet-blue: intensity with a mystical, slightly electric edge.

Signal Cyan#00D2FF

Signal Cyan an electric or cobalt blue: trust with real conviction, confident rather than passive.

Grid White#F0F0F5

Grid White a pale lavender-blue, introspection turned gentle and dreamlike.

The Aesthetic

Grid-locked modular layouts with dense information architecture, rounded corners, and bright accent cards on dark backgrounds

Explore the full Bento UI style guide
Related Palettes
Flat Design
Glassmorphism
Neumorphism
Editorial Interface
Build a Brand Kit with Bento UI
Not quite the palette you need? Generate your ownExtract from an image or build from a color wheel. Free
About This Palette
What colors are in the Bento UI color palette?

5 colors, calibrated to work as one system.

The swatches

  1. Midnight Slate: #1A1A2E
  2. Card Shadow: #2D2D3F
  3. Accent Iris: #6C63FF
  4. Signal Cyan: #00D2FF
  5. Grid White: #F0F0F5
What mood does the Bento UI color palette convey?

Information in its Sunday best, filed neatly in dark drawers

How do I use the Bento UI color palette?

Best applied to

  1. Developer tools and SaaS platforms
  2. Tech startups and product studios
  3. Data visualization and analytics brands
What are the hex codes for the Bento UI palette?

Hex codes

  1. #1A1A2E
  2. #2D2D3F
  3. #6C63FF
  4. #00D2FF
  5. #F0F0F5

Generate images in the bento ui palette

Omoro reads your visual references and generates in your world. Drop in images with this palette and it extracts the DNA automatically.

Join the waitlist