Oat Lagoon color palette — #FBF3EF · #DCDBD2 · #C8CDA2 · #ABB5AC · #59514C

Built around Pistachio, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Bone (#DCDBD2): bright and airy, almost weightless.
• Pistachio (#C8CDA2): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#ABB5AC): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#59514C): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Taupe color palette (#F9F4EE, #D7DBD1, #B7C5B6, #BD9957, #3E3A34)
• Worn Fern color palette (#F9F4ED, #E4DEC3, #B5BA8E, #AE9292, #5A4D00)
• Teal Drift color palette (#FFF2EE, #F3B5B2, #86B88E, #7A83B5, #593642)
• Aged Marigold color palette (#FBF0E5, #E5A966, #917931, #764906, #27201C)
• Patina Terracotta Villa color palette (#EBE2DC, #A2A291, #838C73, #9E4500, #110602)
• Softworn Olive Courtyard color palette (#E2E0D8, #A6B5A6, #80A090, #717900, #171406)
• Wandering Chapel color palette (#FCF3F0, #DDDAD3, #CEC99F, #ADB3AA, #58514E)
• Hushed Oat color palette (#F9F4EE, #D8DBD4, #ABD1AF, #A8B5B1, #56524C)

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