Muted Loft color palette — #DFF8F7 · #00E789 · #6895FF · #00A963 · #031129

Built around Clover, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#DFF8F7): A whisper-light, dusty teal — the color of sea glass.
• Clover (#00E789): A luminous, vivid teal — the color of shallow lagoons.
• Lavender Blue (#6895FF): A luminous, vivid violet — the color of wild irises.
• Kelly Green (#00A963): A luminous, balanced teal — the color of shallow lagoons.
• Ink (#031129): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone.

Use it as a design system

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

• Chartreuse Station color palette (#E0F8F3, #71E300, #4C9BFF, #51A600, #001129)
• Sunlit Iris color palette (#DCF8FE, #00DFD5, #7A90FF, #00A39C, #050F2B)
• Feathered Quarry color palette (#FFDCCC, #00CCB7, #1AA0E8, #A24300, #002F34)
• Soft Sunflower color palette (#E0F9EC, #D1C900, #00ADCA, #999200, #00151A)
• Worn Powder Ridge color palette (#EEF7F7, #B1EED3, #80BBFF, #71BD9F, #262F39)
• Hushed Coast color palette (#EAF6E5, #00C6AD, #008698, #007A6A, #001519)
• Gentle Seafoam Hollow color palette (#E9F8FF, #43F9B0, #00E1F0, #91A5FF, #003144)
• Soft Scarlet color palette (#E7F7FF, #00BAD6, #6D78FF, #CD2300, #001B06)

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