Oat Summit color palette — #F9F2FE · #D2D6A5 · #897496 · #55465F · #2F2932

A conversation between Wheat and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F2FE): a clean, paper-quiet neutral.
• Wheat (#D2D6A5): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#897496): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#55465F): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#2F2932): 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 Summit 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 color palette (#F9F3F9, #FFD4B5, #CE888E, #7B647C, #2F292F)
• Bronze Veranda color palette (#FFF1F5, #D5C391, #926838, #573843, #2E1B22)
• Hushed Driftwood Garden color palette (#FFF2F0, #F6FBC4, #AF7089, #5F3B38, #251716)
• Muted Stone Alley color palette (#ECF9EF, #EBAC9F, #A4905B, #58718F, #583F4B)
• Dusty Taupe color palette (#F9F3FA, #FCBDCA, #9DA15E, #B67785, #22322B)
• Aged Hollow color palette (#FAF3F8, #E1D8D7, #AEAFBD, #B38EA8, #575055)
• Aged Taupe color palette (#FCF2FA, #DA978F, #7DA78A, #3E8A7B, #483745)
• Tempered Brick color palette (#FEF0FD, #CABE44, #AB3F49, #612328, #271127)

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