Oat Coast color palette — #E9FAEF · #EBD6D1 · #ADD0BC · #A8B0A2 · #3A5149

Pistachio and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E9FAEF): A whisper-light, dusty teal — the color of sea glass.
• Bone (#EBD6D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pistachio (#ADD0BC): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A8B0A2): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#3A5149): A full-bodied, dusty teal — the color of glacier melt.

Feels like: 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

• Timeworn Ash Orchard color palette (#ECF7FF, #D9D9E4, #C0A7AC, #7FA7B6, #3F4F5B)
• Hushed Fern color palette (#FEF3E6, #E2D9BF, #CAB191, #A98B78, #4C4B00)
• Patina Studio color palette (#FFF0FB, #ACC0FF, #C8B581, #A99868, #463843)
• Petal Chapel color palette (#E5F5FC, #D7D8E6, #F6B7D5, #5F9496, #2A3845)
• Hushed Sand Parlor color palette (#F9F3F8, #F4DAB2, #B293AE, #7A6577, #322731)
• Muted Periwinkle Pier color palette (#F9F3F9, #C8E0FF, #E7A39B, #84AEE1, #332C29)
• Timeworn Boulevard color palette (#FAF9C5, #FFD599, #BAD6FF, #746573, #332E33)
• Airy Corridor color palette (#DAF9EA, #8CADF6, #C077B7, #007464, #000F2E)

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