Oat Ridge color palette — #F7F2FF · #BBDDAA · #9B6C8B · #51485E · #2D2933

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

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Pistachio (#BBDDAA): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#9B6C8B): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal Brown (#51485E): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#2D2933): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Washed Basalt color palette (#FFF2F0, #C4EBD3, #A77874, #623648, #241716)
• Wandering Mustard color palette (#FFF1F6, #D6C480, #946639, #593644, #2C1C22)
• Tempered Taupe Basin color palette (#F8F3F9, #FAD0E3, #C58D94, #8E5D64, #312733)
• Blush Basin color palette (#E4FCED, #FEA09F, #9F935B, #57718E, #55414C)
• Taupe Canyon color palette (#F8F3FA, #FFBBD0, #A69E53, #B17A8C, #25312B)
• Lime Field color palette (#FCF1FF, #AFC921, #AB3A5E, #582936, #211525)
• Muted Ash Balcony color palette (#FAF2F8, #E6D8D6, #B6C3C8, #AC92A6, #585056)
• Aged Dune color palette (#FAF2FE, #ED86A7, #5BAAAF, #46868A, #433947)

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