Quiet Ridge color palette — #FFF1F6 · #FFD1DB · #FF9891 · #BA5EA2 · #5A2B3C

Built around Hot Pink, softened by Melon — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#FFD1DB): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FF9891): A luminous, balanced orange — the color of autumn markets.
• Hot Pink (#BA5EA2): A luminous, balanced pink — the color of peonies in June.
• Mulberry (#5A2B3C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged pastel, light, 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

• Crimson Orchard color palette (#FFF2F0, #FFD6CB, #FFA464, #C75367, #51251F)
• Misty Courtyard color palette (#FDF0FF, #FFCCF3, #FF95C6, #945BCB, #4F2F51)
• Wisteria Ridge color palette (#FFF1F1, #F1D4C9, #EABD8C, #CB82D5, #562739)
• Feathered Tangerine Basin color palette (#FFF0FB, #FFACBA, #EE8105, #7648A8, #5C2A3E)
• Taupe Boulevard color palette (#FBF1FE, #EBD5DB, #B5BEAC, #BD8FA4, #564857)
• Faded Courtyard color palette (#F9E5E7, #DF8278, #DB5700, #8A244B, #1C0002)
• Coral Market color palette (#E2DCE9, #EBA000, #FF716C, #511717, #221220)
• Frosted Iris Harbor color palette (#FFF0FD, #E8DCD6, #FFC963, #907CED, #4D0E26)

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