Oat Pier color palette — #E9EFFA · #B1D691 · #7484C1 · #455677 · #0C1528

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

The five colors

• Frost (#E9EFFA): a clean, paper-quiet neutral.
• Pistachio (#B1D691): A whisper-light, balanced green — the color of fresh herbs.
• Slate Blue (#7484C1): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#455677): A full-bodied, dusty violet — the color of wild irises.
• Ink (#0C1528): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Oat Pier 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 Alley color palette (#F2F5FF, #ABE5C3, #938EBE, #596184, #1E212D)
• Sand Market color palette (#E5F0FD, #FBB693, #638ABE, #395780, #0B1725)
• Muted Chapel color palette (#F9EAF1, #CEB072, #645897, #362F54, #220F19)
• Hushed Onyx Canyon color palette (#F2F5FF, #E6CD99, #645995, #2A1B53, #02030F)
• Softworn Peony color palette (#F9F2FF, #ABE098, #C96997, #864162, #211429)
• Faded Orchid Market color palette (#E3E1FF, #3ADDA4, #AA50CD, #68327E, #0F0B22)
• Hazy Plum color palette (#E7D8EB, #A3C67D, #B35670, #6D3343, #120516)
• Worn Clover color palette (#E3EBFF, #64BD69, #5C5BB1, #312F6B, #010014)

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