Weathered Ridge color palette — #FCF3EF · #CFE2D3 · #5093B8 · #0F744B · #35476B

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#CFE2D3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5093B8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#0F744B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#35476B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ancient Summit color palette (#FAF4EE, #C4E5D9, #7388C1, #00716F, #5E3C4C)
• Cobalt Boulevard color palette (#FBF3EE, #B0CDBE, #4A7BB3, #006152, #35355F)
• Cerulean Alley color palette (#EEF4EF, #C2E2EF, #009DC1, #006E62, #192E3F)
• Faded Lagoon Chapel color palette (#E3EDC4, #64BEAB, #008A93, #006480, #2B4969)
• Muted Bloom color palette (#F8F5EF, #BEE9E1, #51B3D2, #368A7E, #275143)
• Muted Hollow color palette (#E9FBEB, #C0E9EF, #D5AEDD, #478960, #3E594F)
• Petrol Thicket color palette (#DDFFEB, #7DC8DC, #007D9E, #004B65, #003246)
• Dusty Spruce Meadow color palette (#EADDD9, #6D896A, #004453, #022503, #000A18)

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