Weathered Ridge color palette — #FAF4EC · #D4E3FB · #87C4F8 · #5BA6AE · #553F54

Sky and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Frost (#D4E3FB): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#87C4F8): A luminous, balanced blue — the color of deep harbor water.
• Cyan (#5BA6AE): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#553F54): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Lagoon Archive color palette (#FCF2F7, #D7D4DF, #96BFED, #249392, #313F5C)
• Washed Field color palette (#FAF4EB, #BEEDE3, #7DCBE0, #65A797, #2F4F43)
• Powdered Turquoise color palette (#E7FBF2, #8DD6FF, #F4A983, #55A9D5, #5F3722)
• Soft Glacier Pier color palette (#B3F8FD, #44E2FE, #38C0EF, #488BB6, #573F5A)
• Weathered Bloom color palette (#E1FCF2, #E0D7DF, #93B8A0, #A59A92, #534553)
• Dusty Petrol Basin color palette (#F0E7D9, #5BAEC1, #007FA7, #005E59, #000A16)
• Quiet Blush color palette (#DDFEF2, #78C7FF, #F094B0, #9DAE70, #213F36)
• Wandering Bloom color palette (#EAF4F3, #C9E0F0, #5695BD, #006A7D, #162E44)

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