Quiet Ridge color palette — #F0DCDD · #DF77C5 · #918700 · #006B90 · #390037

Bubblegum and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F0DCDD): A whisper-light, dusty red — the color of late-summer berries.
• Bubblegum (#DF77C5): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#918700): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#006B90): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#390037): A deep, shadowed, balanced pink — the color of peonies in June.

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

• Quiet Amber color palette (#F3DBDA, #E07BB5, #C26A00, #00706F, #380039)
• Moss Lantern color palette (#FFEDEB, #F08FB6, #8D9D27, #0077B0, #431444)
• Gentle Blush Harbor color palette (#EFDEDA, #D66582, #747900, #005978, #270016)
• Faded Terrace color palette (#F5DAD4, #F56F8F, #389D1E, #424BD3, #36003F)
• Timeworn Lilac Boulevard color palette (#EFDBE3, #AE88FC, #BB6F00, #00706E, #021459)
• Washed Cobalt color palette (#F6E1EA, #D7B39E, #AC9464, #567AA9, #3A2F53)
• Airy Balcony color palette (#FFF2EE, #FAA1AB, #70B36F, #6674CC, #5B2038)
• Aubergine Veranda color palette (#FBE8D6, #A16100, #006267, #600053, #070000)

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