Muted Ridge color palette — #FBF4EE · #A2D1BD · #4E7BAE · #00605F · #2F3662

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Pistachio (#A2D1BD): A whisper-light, dusty teal — the color of sea glass.
• Slate (#4E7BAE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00605F): A full-bodied, dusty teal — the color of sea glass.
• Navy (#2F3662): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Summit color palette (#FFF2EB, #73C6D9, #0076A8, #00574A, #002F6F)
• Cobalt Grove color palette (#FCF4EA, #A6D3FF, #637AC9, #006473, #41356C)
• Wandering Cobalt Field color palette (#E8F5F4, #AFCCE0, #2A83BA, #00596B, #00213F)
• Washed Azure color palette (#F4F6F0, #B7DFCE, #439ED8, #007890, #143D60)
• Tempered Cypress Drift color palette (#FBF3EF, #CAE5C9, #4197AC, #28724D, #2B5044)
• Cerulean Study color palette (#F0DACF, #3A9FAB, #00516B, #003124, #00152A)
• Timeworn Pier color palette (#FEF1F7, #BCE7FF, #7AB5FC, #009FA1, #2E3A55)
• Timeworn Lagoon color palette (#FBF4EF, #C8EAEA, #77A499, #3A7B78, #604B5B)

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