Oat Boulevard color palette — #FFF2EB · #E4DEBC · #C1CD8E · #A7707D · #593200

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Celadon Mist (#E4DEBC): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#C1CD8E): A whisper-light, balanced green — the color of a quiet forest floor.
• Mocha (#A7707D): A luminous, dusty red — the color of a theater curtain.
• Cocoa (#593200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Oat Boulevard 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

• Muted Market color palette (#FFF1F1, #EFD5C4, #E8BA8A, #9675A9, #583A34)
• Worn Bronze color palette (#FFF4E0, #E0E6B8, #8FD4B4, #A9724D, #423F38)
• Hushed Celadon color palette (#FFF0FB, #E3F4AF, #D4DDCE, #C07A8C, #412533)
• Tempered Mint color palette (#FFF3E3, #D8E398, #2FD895, #CE5D30, #3B3400)
• Wandering Rust color palette (#FFF0F8, #ECE0BB, #CBA975, #A7543D, #593446)
• Ancient Meadow color palette (#FFF4E0, #D3E6CC, #ABD0BB, #BD9A80, #5A4C00)
• Worn Quarry color palette (#F7E7DD, #DFC382, #8DAA69, #9B4356, #3C1F00)
• Softworn Driftwood color palette (#EFE7D6, #A5B680, #8A824A, #70552F, #30312A)

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