Oat Garden color palette — #F1F5FF · #CFCFFF · #CCCB8C · #A3A2D6 · #325646

Built around Pistachio, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lilac Frost (#CFCFFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Pistachio (#CCCB8C): A whisper-light, balanced green — the color of new leaves after rain.
• Mauve (#A3A2D6): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#325646): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Washed Studio color palette (#FEF1F8, #E7D5EE, #D2CF95, #9492CF, #564400)
• Petal Chapel color palette (#F7F3FF, #FEBCF2, #95D9AE, #C498BC, #2F5554)
• Powder Courtyard color palette (#F2F5FF, #C1BBFF, #BDB36A, #8983C1, #375545)
• Softworn Sand color palette (#ECF7FF, #A7DDFF, #F1BA8A, #79B0D3, #61434F)
• Timeworn Stone Grove color palette (#F2F5FF, #DFD7E1, #BBB7D9, #AFB0A4, #4A4B5C)
• Softworn Mallow Orchard color palette (#F2F4FF, #F1D1EB, #C2AFEA, #8D7CA8, #323450)
• Tempered Ash Workshop color palette (#F6F3FE, #F3DBAA, #B88EB7, #6F6884, #2C2A32)
• Weathered Chapel color palette (#F4F4FF, #D8B1FF, #87DD31, #A76DDA, #244500)

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