Oat Summit color palette — #F8F5EC · #D1CA86 · #A6A2D6 · #8B7EAC · #5C363B

Pistachio and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Pistachio (#D1CA86): A whisper-light, balanced green — the color of new leaves after rain.
• Mauve (#A6A2D6): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8B7EAC): A luminous, dusty violet — the color of a velvet chair.
• Cocoa (#5C363B): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Cocoa Basin color palette (#F7F6E9, #C0CF97, #A5A4D2, #AE7574, #6B2D16)
• Wandering Quarry color palette (#FEF3EA, #F3B98E, #73B2D4, #7E81B7, #3C3E63)
• Dusty Orchard color palette (#F8F5EC, #CED193, #57A9AA, #6260AA, #552931)
• Softworn Mustard Cabin color palette (#F6F2E1, #B5B950, #7B8DDA, #A45554, #530C13)
• Worn Lantern color palette (#F5F6EA, #D1E5C5, #88C1CB, #B0928C, #46513F)
• Dusty Chartreuse color palette (#F6F8D8, #84DD58, #A770D9, #8C5AB7, #5F0023)
• Softworn Orchard color palette (#FFF5D9, #CCE1AC, #8BC99B, #539D88, #39513B)
• Dusty Petrol Veranda color palette (#FBEEF2, #BF9261, #4575A5, #653B5C, #2B213B)

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