Oat Coast color palette — #ECF9F0 · #E9D4D0 · #AACFBB · #A8AFA1 · #3B5149

Pistachio takes the lead with Charcoal Brown close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Bone (#E9D4D0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pistachio (#AACFBB): A whisper-light, dusty teal — the color of sea glass.
• Ash (#A8AFA1): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#3B5149): A full-bodied, dusty teal — the color of shallow lagoons.

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 color palette (#EBF7FF, #D9D9E4, #BDA7AB, #89B2C1, #475563)
• Aged Meadow color palette (#FCF4E8, #E2D9BC, #C7B296, #AB8A76, #4B4B00)
• Turquoise Study color palette (#FFF0FC, #ECD4D0, #F9B7A7, #57AECC, #533B49)
• Worn Corridor color palette (#FFF1F6, #CDB6EE, #D5AD8E, #BB8F6D, #4C363E)
• Timeworn Sand Ridge color palette (#FBF2F9, #F0DCAF, #B293AD, #7B6478, #312830)
• Tempered Blush Veranda color palette (#CFF1DF, #9AAADF, #C47AAA, #00776A, #000E23)
• Stone Market color palette (#FFF2EF, #EFA7AD, #CC9095, #948550, #203631)
• Washed Turquoise color palette (#CBF8EB, #DBD2FF, #FAB5C2, #30A9BB, #402336)

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