Tempered Moss Boulevard color palette — #F8F2FF · #D489B7 · #A79B28 · #0094B9 · #3D324A

Moss and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Mauve (#D489B7): A luminous, balanced pink — the color of a candy shop window.
• Moss (#A79B28): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#0094B9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3D324A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Moss Boulevard 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

• Powdered Thicket color palette (#F4F4FF, #BB91D7, #C78A3A, #009A95, #36344F)
• Cobalt Cabin color palette (#FFEFFF, #DE898F, #7CA765, #5088CF, #443045)
• Mallow Meadow color palette (#FFF1F1, #FF8FD5, #B8AD4D, #3E9FBE, #3E2223)
• Soft Parlor color palette (#FFF1F2, #FF94DC, #69CAA4, #38ADAF, #483132)
• Pale Violet color palette (#FCDAE7, #CF8037, #009F8C, #875CC7, #3F1F2E)
• Aged Lilac color palette (#F5F3FF, #A96FB4, #008E86, #006E85, #38344A)
• Antique Rose color palette (#F7DFE3, #F1367A, #6C8F00, #0074B7, #49001D)
• Hushed Chestnut color palette (#FFF0F9, #D7B2C1, #BB7F65, #93554F, #304330)

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