Oat Coast color palette — #F6F3FF · #E9DBD8 · #D7CD9B · #8396B8 · #534C5D

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

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Bone (#E9DBD8): a clean, paper-quiet neutral.
• Pistachio (#D7CD9B): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#8396B8): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#534C5D): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Oat Coast 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 Driftwood color palette (#FFF1F2, #E8D6CA, #E4ACB3, #9B7399, #614848)
• Dusty Ridge color palette (#FFF1F3, #E3D9D1, #A5B4B0, #AEA7E3, #624443)
• Softworn Mint Delta color palette (#FFF0FB, #FFE0AE, #A8D592, #A67795, #4A333D)
• Stone Study color palette (#FFF0F9, #DEB688, #B6806C, #775F7C, #304238)
• Timeworn Mustard Grove color palette (#FFF0F9, #FFCABE, #F6B31D, #8073CE, #4E2534)
• Chartreuse Market color palette (#E6EAF7, #00F365, #B0B7FF, #3E475C, #262A34)
• Ancient Orchard color palette (#FAF1FF, #E177A0, #259FBA, #397989, #392E3F)
• Olive Boulevard color palette (#F9D3D9, #D88F6A, #858400, #643271, #220200)

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