Muted Veranda color palette — #FFF1F1 · #FF3A54 · #008F98 · #006167 · #210003

Scarlet and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Scarlet (#FF3A54): A luminous, vivid red — the color of embers at dusk.
• Cerulean (#008F98): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006167): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#210003): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Weathered Peony Studio color palette (#FFF1F6, #FE1E9B, #00918E, #006260, #1F000E)
• Quiet Tangerine color palette (#FFF2EE, #FF6E47, #006FC9, #00559C, #1E0300)
• Worn Ember color palette (#FFF0FA, #FD5D31, #007983, #28289B, #090044)
• Feathered Bloom color palette (#FFF0FB, #FF765C, #448FFD, #3A67A9, #291224)
• Powdered Amber Pier color palette (#E4FDE3, #CA7C00, #007C68, #004C3F, #09000E)
• Faded Lagoon color palette (#FFDCCE, #C4011D, #006A3C, #004163, #410305)
• Sunlit Coral color palette (#FFF4DC, #FF7E68, #7A7600, #163D98, #281200)
• Gentle Magenta Veranda color palette (#FFEFFF, #F541FD, #008456, #006541, #1B001C)

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