Oat Basin color palette — #FFF1F7 · #B2D5B6 · #B48F9F · #856B7F · #3E4B44

Pistachio and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Pistachio (#B2D5B6): A whisper-light, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B48F9F): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#856B7F): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#3E4B44): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Oat Basin 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 Lagoon color palette (#ECFAEC, #B1D5BF, #87A587, #876B7A, #3C4C46)
• Timeworn Oat Canyon color palette (#F3F4FF, #C0DCA8, #8473A3, #494B62, #292B33)
• Patina Drift color palette (#FFF0F9, #E3B385, #BA7F66, #895A5C, #314235)
• Dusty Drift color palette (#FFF3E8, #DFDDC1, #CEA585, #9C6D5C, #533A00)
• Washed Petal color palette (#FFF0FE, #FBB4D6, #CC8285, #956143, #63430A)
• Ancient Wisteria Boulevard color palette (#F5F4FF, #C893DD, #7DA883, #528581, #3D3B4B)
• Timeworn Taupe color palette (#F5F4FD, #E8C0F7, #C88B6C, #9E7FAA, #362A30)
• Weathered Bronze color palette (#D5EFE0, #A4B77C, #8E8231, #466446, #103734)

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