Oat Ridge color palette — #EDF8F3 · #CCCC88 · #86AED4 · #7884B5 · #5F333D

Pistachio takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF8F3): a clean, paper-quiet neutral.
• Pistachio (#CCCC88): A whisper-light, balanced green — the color of a quiet forest floor.
• Blue Fog (#86AED4): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7884B5): A luminous, dusty violet — the color of a velvet chair.
• Cocoa (#5F333D): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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

• Patina Boulevard color palette (#E9F9F6, #B0D3A4, #94A8DB, #A97682, #5E343C)
• Washed Garden color palette (#FDF2F7, #EFB99E, #6FBAA8, #917CA9, #4A395D)
• Hazy Lime Corridor color palette (#E1F8F2, #93C369, #6B94D3, #A55068, #4E1126)
• Patina Petrol Study color palette (#EDF8F7, #A6DAB7, #4DAAB3, #426DA0, #3F2F54)
• Wandering Stone Thicket color palette (#EAF9F6, #B9E8EA, #92BECA, #AB91A3, #3D5153)
• Timeworn Pier color palette (#E2FDE9, #E1B000, #00ACC0, #AD44A5, #600301)
• Lagoon Canyon color palette (#F8F5E9, #AEB881, #559C84, #2D738A, #5B3B00)
• Antique Mustard color palette (#E8F5F0, #B1C06C, #6A817F, #495953, #1C241E)

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