Misty Ridge color palette — #FCF1F9 · #97DDDC · #008EA8 · #006A42 · #004566

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Ice Blue (#97DDDC): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#008EA8): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006A42): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004566): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Cobalt Harbor color palette (#FBF2F7, #9BD8F3, #3583CA, #006763, #2D3B73)
• Ancient Petrol color palette (#FFF0FB, #80C5CA, #007A98, #00583F, #003559)
• Weathered Coast color palette (#F2F3E5, #9ADEDE, #00949F, #006358, #002B32)
• Worn Turquoise Pier color palette (#E7FAF6, #A0EBE9, #00B0BB, #008474, #004953)
• Washed Orchard color palette (#E7F9FF, #D1DAF0, #A6ACFF, #008A67, #004D5C)
• Faded Scarlet color palette (#E6F9FF, #00A8AB, #D64343, #006A6B, #6C1417)
• Hushed Onyx Harbor color palette (#EDDFE7, #498AA1, #003F68, #002320, #01002F)
• Airy Jade Harbor color palette (#FFF2EC, #80FCFB, #3CC9E9, #3CA773, #004566)

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