Oat Loft color palette — #F0F6FC · #DCD9E2 · #C8C8A9 · #BEAEB5 · #4E5358

Built around Pistachio, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DCD9E2): bright and airy, almost weightless.
• Pistachio (#C8C8A9): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#BEAEB5): A luminous, dusty rose — the color of strawberry cream.
• Charcoal Brown (#4E5358): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Periwinkle Lagoon color palette (#F0F5FF, #DFD6E4, #C8A8A1, #909FE6, #374051)
• Hushed Stone Corridor color palette (#F0F8F1, #BFE9D7, #8CC2B9, #9499AB, #40524A)
• Tempered Powder Canyon color palette (#E1FDF1, #ACD5FF, #BBA2D2, #6C9686, #404856)
• Peony Balcony color palette (#F8F2FF, #EED1DC, #E1C09C, #D76CB6, #362F40)
• Ancient Quarry color palette (#EDF2FF, #ADACFF, #7B7890, #505460, #1E2226)
• Denim Alley color palette (#EAEFF6, #A89DB4, #958196, #3C5FAB, #030916)
• Aged Plum Grove color palette (#F0EDFB, #C6A7B6, #AD8E94, #9C5096, #15111E)
• Oat Thicket color palette (#F1F5FD, #DDD8E1, #C5CDAE, #BDADB2, #4F5359)

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