Grape Ridge color palette — #F0FAE0 · #00955D · #5637C4 · #652E00 · #422B00

Built around Iris, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Custard (#F0FAE0): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#00955D): A full-bodied, balanced teal — the color of shallow lagoons.
• Iris (#5637C4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Rust (#652E00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#422B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Grape 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

• Hazy Aubergine Basin color palette (#EAF6E6, #008A7E, #70328F, #4E3500, #222A03)
• Denim Harbor color palette (#FBF6DD, #808D12, #004FA8, #7B0023, #4A1C00)
• Faded Study color palette (#E0FEE8, #00AFC2, #0074E3, #643E94, #003C18)
• Quiet Cabin color palette (#E0F6FF, #0094A2, #005BA8, #442074, #001F04)
• Misty Cobalt color palette (#DDEEC9, #73B8C4, #447EBB, #795533, #504900)
• Hushed Olive Grove color palette (#FFF3E5, #B4A447, #567600, #005F4C, #3D3A34)
• Washed Lagoon color palette (#E4EFE4, #006565, #5B0060, #261F00, #060F01)
• Antique Azure color palette (#ECF9F4, #5BA0CB, #9E5867, #3C5E2E, #42433C)

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