Muted Coast color palette — #FBF3F1 · #C6E8E2 · #85C6EE · #40B07D · #5A3C57
A conversation between Jade and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Honeydew (#C6E8E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#85C6EE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Jade (#40B07D): A luminous, balanced teal — the color of shallow lagoons.
- Cocoa (#5A3C57): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
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
- Antique Studio color palette (#FAF4ED, #C8E5EA, #B0B9F3, #00ACB6, #5E3C49)
- Sunlit Emerald color palette (#FFF2ED, #B5F1F6, #43C5FB, #00AC60, #213F6D)
- Muted Lagoon color palette (#F8F5EF, #BFE1E9, #63CAEA, #319485, #21483B)
- Misty Periwinkle Archive color palette (#FFF2EA, #ABE3FD, #70ACFF, #009987, #302569)
- Powdered Boulevard color palette (#F5F7E8, #A9DCA4, #EDA1D6, #57B84F, #5E2F51)
- Stone Study color palette (#F5F7E5, #C6EBDE, #CFD4F7, #BAB670, #445337)
- Faded Pier color palette (#E7FCE6, #74D0CE, #BAA6F1, #D482D7, #293E29)
- Hushed Pier color palette (#F7EFF5, #A9E9F1, #5097BC, #376B4E, #1D2D43)
Browse the whole catalog at Explore, or see today's palette.