Quiet Ridge color palette — #F8FD9C · #CDE200 · #7BA800 · #497A03 · #124003

Chartreuse takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Butter (#F8FD9C): A whisper-light, balanced green — the color of a quiet forest floor.
• Chartreuse (#CDE200): A whisper-light, vivid green — the color of a quiet forest floor.
• Olive Leaf (#7BA800): A luminous, vivid green — the color of new leaves after rain.
• Olive (#497A03): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#124003): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Energy. Tagged warm.

Use it as a design system

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

• Linen Terrace color palette (#FBEC94, #C8CB32, #85AF00, #38931D, #00532C)
• Hushed Sunflower Coast color palette (#FFF5D3, #E7D100, #A3A000, #5B6400, #2F3A00)
• Patina Chartreuse color palette (#E5FFCD, #83EF3C, #1CAD25, #007333, #003E23)
• Hazy Veranda color palette (#DEF69D, #87BB00, #529400, #125806, #002D0F)
• Pale Chartreuse color palette (#D7FFF6, #81E61E, #1ABDFC, #509212, #003348)
• Pale Clover color palette (#E0FFE0, #96FFAD, #1FB553, #00691D, #001D07)
• Pale Lagoon color palette (#DDFFE8, #84F8BF, #2EB992, #0C7A69, #06473F)
• Clover Loft color palette (#E5F0E5, #00BC5A, #007A49, #00452F, #00100B)

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