Worn Ridge color palette — #F9F3F8 · #D5E0F1 · #7B9DBB · #238061 · #475368

Teal and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Frost (#D5E0F1): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7B9DBB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#238061): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#475368): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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 Sky color palette (#F1F7F2, #D4E0F0, #69BEDE, #5B928B, #405567)
• Washed Turquoise color palette (#F5F1EB, #C4E6E1, #55A8C7, #3C7770, #1F3D34)
• Timeworn Quarry color palette (#E8FAF7, #84BCB5, #BC85A3, #3D853D, #663F55)
• Dusty Onyx Alley color palette (#E9DDE7, #75A7B9, #005F82, #004123, #001951)
• Muted Cypress Lantern color palette (#E0FEEA, #ABBB87, #5C9762, #00785B, #275B66)
• Cobalt Harbor color palette (#FFF0F8, #A7D5F0, #4F7CD3, #006760, #40366B)
• Wandering Lagoon Atelier color palette (#DEFCFF, #9AD1D1, #4D9474, #00604C, #004235)
• Patina Navy Pier color palette (#E7DAE2, #448BA2, #003E6F, #00231B, #06002B)

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