Muted Veranda color palette — #FAF4F0 · #CDE4E3 · #7D9CC1 · #337D6E · #66485B

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CDE4E3): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7D9CC1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#337D6E): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#66485B): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Powder Orchard color palette (#F8F5EF, #C8EAE9, #83B8DF, #529297, #5E4B5F)
• Ancient Garden color palette (#FFF1F6, #A18CC4, #8A8F50, #4F7E4D, #533A44)
• Azure Study color palette (#EEF4EF, #D3DCF1, #65A3D0, #37767A, #2A3747)
• Ancient Cerulean Pier color palette (#FEF1F9, #E5D9D4, #C4C89C, #6493BC, #614851)
• Violet Pier color palette (#FFF1F6, #B7A6D5, #A89951, #815BB7, #504D46)
• Pale Pewter color palette (#DBFFF0, #98B8E3, #727CBF, #754E8D, #6B454C)
• Antique Indigo color palette (#FBF4EC, #A9D3FC, #6972DB, #00666B, #4D2E6C)
• Muted Market color palette (#FBF3F0, #B3CDB9, #2181B2, #006340, #263865)

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