Oat Atelier color palette — #FCF1FB · #D7D4A6 · #907290 · #5A455A · #302930

Wheat and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Wheat (#D7D4A6): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#907290): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal Brown (#5A455A): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#302930): quiet, heavy and certain.

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

Use it as a design system

One click turns Oat Atelier 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 Taupe Workshop color palette (#FBF2F8, #FED5AE, #C68F83, #816179, #32282F)
• Wandering Driftwood Pier color palette (#FFF2EE, #DBF9CB, #AF7375, #5B3E35, #221916)
• Oat Lagoon color palette (#F1F7F1, #E2D0A2, #698667, #3D543B, #262E26)
• Muted Stone color palette (#EAFAEB, #E8B08E, #94975D, #666B97, #3D4C3D)
• Taupe Chapel color palette (#FBF2F6, #D0D9DB, #A5A3AF, #B68684, #5A4F54)
• Muted Coral Boulevard color palette (#FDF1F9, #E09586, #6CA6B2, #3F8694, #463843)
• Wandering Taupe color palette (#EEF8F2, #BAAB69, #599168, #4B6C9A, #372C38)
• Worn Chestnut Boulevard color palette (#FBF3EF, #D7BA9E, #894B2B, #5E2500, #2B251C)

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