Quiet Ridge color palette — #FFF2EE · #FF98A9 · #C0753C · #655D24 · #352044

Built around Ballet Pink, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ballet Pink (#FF98A9): A luminous, balanced red — the color of late-summer berries.
• Caramel (#C0753C): A luminous, balanced gold — the color of honey in a jar.
• Olive (#655D24): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Indigo (#352044): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, 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

• Patina Mallow Workshop color palette (#FFF1F2, #F592E6, #BF7072, #7B5127, #3C1F36)
• Hazy Apricot color palette (#FFF2EA, #FF9F6D, #9B8A36, #366940, #431F1A)
• Tempered Mallow color palette (#FFF1F1, #F69ECA, #C09862, #458E68, #023B5F)
• Tempered Thicket color palette (#FFF1F2, #FFCFCB, #EC8879, #A05D48, #532E1D)
• Antique Amber color palette (#FFF3E8, #D87400, #676800, #5D0860, #210003)
• Hushed Blush color palette (#FFF2EF, #EC6F92, #5A3F36, #2A1916, #090404)
• Chestnut Loft color palette (#F6EEFD, #BC7297, #835D00, #004D3C, #091B43)
• Misty Coral color palette (#FFF2ED, #FF565B, #945D00, #3C4500, #240025)

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