Oat Loft color palette — #F1F5FF · #B9DEA8 · #7779A1 · #434C66 · #282B33

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

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Pistachio (#B9DEA8): A whisper-light, balanced green — the color of new leaves after rain.
• Slate (#7779A1): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#434C66): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#282B33): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Dusty Driftwood Workshop color palette (#FDF1F6, #D0DECD, #8A7CAF, #5C3A4A, #25161D)
• Worn Mustard Quarry color palette (#F9F2FF, #CACA71, #975C79, #4B3B57, #241F29)
• Tempered Pewter Alley color palette (#FBF2F7, #E2E0BB, #9A99C4, #696792, #32282E)
• Weathered Terrace color palette (#F2F5FD, #9BCCC2, #505D7F, #30384D, #25222D)
• Mallow Orchard color palette (#E2FCF1, #D8ABE1, #BA8181, #477786, #4B4454)
• Weathered Lime color palette (#F3F4FF, #A3CC3F, #7852AA, #422F5D, #181928)
• Muted Coral Delta color palette (#F3F4FD, #DAC5FF, #D3827A, #9580B9, #352A33)
• Timeworn Lilac color palette (#F2F5FF, #AA9FEA, #78AA7E, #5D8569, #383C4C)

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