Tempered Moss Pier color palette — #FEECF9 · #8A9FED · #6B9F2E · #4C5EAA · #1C2D08

A conversation between Olive Leaf and Slate, giving this palette its sense of nature and growth.

The five colors

• Blush (#FEECF9): A whisper-light, dusty pink — the color of peonies in June.
• Cornflower (#8A9FED): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#6B9F2E): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#4C5EAA): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#1C2D08): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Jade Villa color palette (#FFECF2, #B492D8, #23AC6C, #75479D, #00301A)
• Weathered Summit color palette (#FDECF9, #8A9FEB, #C3830E, #4356B3, #382200)
• Dusty Moss Grove color palette (#FEEDEF, #D19FD1, #99A44F, #915A92, #33312A)
• Hazy Hollow color palette (#F1F5FF, #B1ACFF, #B9A53B, #7B74C4, #254C37)
• Aged Iris Station color palette (#FFEBF7, #7F81DF, #967D00, #4F792C, #2C1624)
• Lilac Veranda color palette (#FFF0F8, #9894E6, #C66B67, #605BA1, #5F3432)
• Mulberry Meadow color palette (#FFEDED, #EE76C7, #009954, #8C006D, #002912)
• Shell Harbor color palette (#FDECF7, #E8D2CB, #F6B4C4, #5982AA, #3F2B32)

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