Oat Lagoon color palette — #F4E9FF · #BBDCE3 · #B9AFB6 · #544248 · #2E2729

Silver and Blush set the tone — five colors that lean into sophistication.

The five colors

• Blush (#F4E9FF): A whisper-light, dusty violet — the color of wild irises.
• Silver (#BBDCE3): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#B9AFB6): a calm mid-gray that lets other colors speak.
• Cocoa (#544248): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#2E2729): quiet, heavy and certain.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Oat Lagoon 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

• Wandering Courtyard color palette (#FCF3EF, #DEDAD1, #A4B6B7, #A3A081, #554B47)
• Weathered Market color palette (#BAEFFF, #D8E779, #D8CBFF, #78616B, #3E3137)
• Weathered Mallow Bloom color palette (#FFF1F0, #FDA3CC, #6CBEBF, #4A8F90, #3C2D2C)
• Hushed Basalt Balcony color palette (#FFF2EF, #E2D7CF, #DEAA87, #8E743F, #434700)
• Weathered Corridor color palette (#F5F4FF, #B0FFFD, #FFD0CB, #5F2407, #231A16)
• Wandering Market color palette (#FEF2F2, #F3FBC6, #A57494, #563F40, #241818)
• Patina Seafoam Thicket color palette (#E6E7FF, #58FBA3, #FFA8D4, #331C1B, #0D0303)
• Worn Blush Corridor color palette (#FFF2ED, #EC909E, #39AAA1, #546F4F, #2D2027)

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