Oat Garden color palette — #F2F7EF · #D2DDDA · #DBBAC9 · #A6B3B7 · #51544E

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

The five colors

• Ivory (#F2F7EF): a clean, paper-quiet neutral.
• Silver (#D2DDDA): bright and airy, almost weightless.
• Oat (#DBBAC9): A whisper-light, dusty rose — the color of pressed rose petals.
• Ash (#A6B3B7): soft and architectural.
• Charcoal Brown (#51544E): 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 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 Veranda color palette (#ECFAE8, #B9E5E1, #CDB4CE, #AD928C, #773E16)
• Tempered Teal color palette (#F0F7F0, #C4E7E3, #ACCCCE, #3EB9B9, #364436)
• Patina Lagoon color palette (#ECF4F4, #D1D7DC, #ACAEB9, #549081, #2B393B)
• Washed Grove color palette (#FBF4E9, #EBDDB7, #ADBD8E, #979D89, #5F4B00)
• Aged Periwinkle Garden color palette (#FBF2FA, #F1D2D4, #D9B7B4, #5C95FA, #3E2C3D)
• Cypress Harbor color palette (#DCE5DA, #8AA8A2, #6D908E, #007369, #050B04)
• Seafoam Parlor color palette (#FFF4E2, #8CE4D2, #73BAD0, #A8807E, #3F4C3F)
• Hushed Cobalt color palette (#E8F3F0, #C9ADB2, #B89192, #3975AF, #011914)

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