Oat Ridge color palette — #F7F3FF · #BAE2B4 · #B284A6 · #685D7B · #231F2A

A conversation between Celadon Mist and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Celadon Mist (#BAE2B4): A whisper-light, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B284A6): A luminous, dusty pink — the color of peonies in June.
• Graphite (#685D7B): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#231F2A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Stone Drift color palette (#FFF2F0, #D9C192, #926171, #5B3834, #2F1C1A)
• Misty Sunflower Market color palette (#FFF0F9, #D9D377, #C67652, #884729, #271320)
• Weathered Taupe color palette (#F9F3F8, #E1D8D7, #B1B1BE, #D59B94, #4E444C)
• Shell Study color palette (#E4FCED, #FFADB7, #BDA15D, #6285AC, #4E3345)
• Tempered Mulberry Summit color palette (#FCEEEE, #92C293, #7E366A, #3B1A31, #150809)
• Hushed Studio color palette (#EFDEF4, #A0D336, #CE4575, #832747, #25000D)
• Mallow Corridor color palette (#F6F3FF, #DEA1DE, #5EBAE0, #549AB8, #342F44)
• Weathered Marigold Harbor color palette (#EBFAEC, #E7A352, #80AA6E, #499574, #2A2538)

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