Muted Coast color palette — #FAF4EC · #9DE8FF · #00A8E6 · #008282 · #164269
A conversation between Cyan and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EC): bright and airy, almost weightless.
- Ice Blue (#9DE8FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cyan (#00A8E6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#008282): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#164269): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Muted Coast 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 Hollow color palette (#E6FAF7, #D3DEEB, #55BCE5, #008691, #003A54)
- Antique Harbor color palette (#FAF4EB, #AEDBFC, #5596EC, #00798E, #4C3046)
- Hazy Cobalt Corridor color palette (#FFF2EB, #72E0FC, #1885CE, #006950, #323B6D)
- Petrol Archive color palette (#E5DED3, #5BB0C2, #007094, #004A47, #001527)
- Wandering Coast color palette (#F8F4EE, #CBE7E8, #84B6EB, #4893A0, #5E4C5B)
- Patina Ultramarine Bloom color palette (#F2EBE0, #6D97BE, #0A4AC5, #003948, #06002B)
- Feathered Peony Basin color palette (#FFE2EE, #F15CAC, #959600, #0089B5, #4C1E36)
- Tempered Plum color palette (#FFF1F1, #FF98D8, #00B58A, #AE2186, #004634)
Browse the whole catalog at Explore, or see today's palette.