Muted Canyon color palette — #FFF1F7 · #8BD5FF · #288AFD · #007274 · #27276D

Built around Azure, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#8BD5FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#288AFD): A luminous, vivid blue — the color of deep harbor water.
• Teal (#007274): A full-bodied, balanced teal — the color of sea glass.
• Navy (#27276D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Muted Canyon 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 Courtyard color palette (#FAF3F6, #BAD9EE, #4B99E8, #007C7A, #30385A)
• Hazy Sapphire color palette (#FBEBF1, #85B8DD, #356CE0, #00585F, #1C183F)
• Dusty Cobalt color palette (#F3F8E5, #55C4FF, #0074B3, #005367, #05335E)
• Quiet Pine color palette (#FFF0FA, #6EE0DD, #009DB6, #007746, #003751)
• Wandering Turquoise color palette (#F9F3F7, #CBE1F6, #22B8D1, #4C8A63, #304B5E)
• Powder Courtyard color palette (#FBF3F5, #DBDEEC, #9CB0E0, #58919A, #4C5167)
• Hushed Field color palette (#EDDFE9, #69AFB6, #007190, #004C38, #001529)
• Peony Market color palette (#FFE5EC, #F91288, #00967A, #007E85, #450623)

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