Muted Terrace color palette — #FBF3F1 · #BAEAF0 · #5ECBED · #55935A · #4A374D

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Frost (#BAEAF0): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#5ECBED): A luminous, balanced blue — the color of deep harbor water.
• Fern (#55935A): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#4A374D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Terrace 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 Powder color palette (#FBF4ED, #C3E3F7, #9EB8FF, #34928F, #503642)
• Dusty Aqua Workshop color palette (#F0F7F1, #C8E4FF, #72CEDB, #70A590, #2D4C5D)
• Aged Sky color palette (#FEF2ED, #BFEAF6, #58AFE9, #00835C, #3E243A)
• Forest Cabin color palette (#FAF3F7, #B9E5F0, #3B98AC, #28724B, #294B65)
• Feathered Loft color palette (#F5F7E8, #AFE69A, #DFA1F5, #5A9C3C, #4F2D36)
• Aged Cypress color palette (#F2F2EB, #CFE3CE, #4C9CA1, #006E5F, #183321)
• Aged Petrol color palette (#F7EBE7, #62C9D0, #007196, #004120, #00020C)
• Feathered Azure color palette (#FCF3F0, #AEF4F5, #00A1CB, #176E32, #011E3E)

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