Oat Loft color palette — #FFF0FB · #E7D8D6 · #A7CFCB · #A9AFA5 · #5A4A52

A conversation between Oat and Charcoal Brown, giving this palette its sense of sophistication and softness.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Bone (#E7D8D6): a clean, paper-quiet neutral.
• Oat (#A7CFCB): A whisper-light, dusty teal — the color of sea glass.
• Ash (#A9AFA5): soft and architectural.
• Charcoal Brown (#5A4A52): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Wandering Drift color palette (#FFF1F5, #E4D5D3, #9EB9CE, #7B91C1, #4A3133)
• Aged Mallow color palette (#FFF1F5, #D7B0F9, #81BEA1, #5B8F77, #3C2D32)
• Lichen Courtyard color palette (#FFF9AF, #E9EDFF, #BBDCEF, #4C3E48, #2E262C)
• Bronze Courtyard color palette (#FFF3E8, #DDE9BB, #CCA587, #A9674B, #4A3F00)
• Driftwood Meadow color palette (#FDF1F8, #C4E8F9, #8181A9, #563E4C, #22171E)
• Patina Marigold Lantern color palette (#FFEFFF, #F3D3CC, #EF9D45, #57589C, #290A0B)
• Pale Parlor color palette (#FFE9F4, #FFBAA9, #BD9900, #5B408E, #0F0001)
• Softworn Lilac color palette (#FCF2F5, #E9D9E1, #CEA675, #AE89C2, #261C11)

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