Misty Ridge color palette — #CCE7EE · #009A95 · #B0224B · #3B4900 · #1B2300

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

The five colors

• Frost (#CCE7EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Fern (#009A95): A luminous, balanced teal — the color of glacier melt.
• Ruby (#B0224B): A full-bodied, vivid red — the color of late-summer berries.
• Deep Olive (#3B4900): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#1B2300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Mulberry Corridor color palette (#CDE6F2, #0096AE, #A43165, #00502A, #00242B)
• Terracotta Study color palette (#E6FBF0, #00A1C9, #A73A19, #493500, #130B00)
• Dusty Grape Alley color palette (#C9E9E8, #30A66B, #7B31A7, #234F00, #002713)
• Quiet Denim color palette (#CCE7EA, #009D7D, #0065B0, #673200, #00261C)
• Linen Aubergine color palette (#CDE5F6, #0080A7, #741CA1, #2A3900, #00141E)
• Quiet Azure color palette (#D2E4F4, #29ABFD, #B261AD, #924C04, #022803)
• Powdered Aubergine color palette (#D0E8E0, #006EAA, #760073, #482200, #022803)
• Indigo Delta color palette (#E7F4FF, #549CD4, #6465BE, #5C5000, #002E4C)

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