Tempered Olive Alley color palette — #F1F7F0 · #9AB8A6 · #677C47 · #49597B · #2E493B

Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Sage (#9AB8A6): A luminous, dusty teal — the color of glacier melt.
• Olive (#677C47): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#49597B): A full-bodied, dusty violet — the color of wild irises.
• Forest (#2E493B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns Tempered Olive Alley 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

• Tempered Fern Archive color palette (#EBFAED, #7DA594, #4A6E3A, #484473, #113F2F)
• Timeworn Lagoon color palette (#EFF8F3, #A3CAC2, #578C8C, #63637D, #39534E)
• Weathered Olive Harbor color palette (#F4F2E9, #BAB58E, #618046, #455C41, #2B2812)
• Tempered Sand color palette (#FFF3E5, #DCD997, #98B780, #9F8897, #45423B)
• Hushed Terrace color palette (#F4F4FF, #E6D7DF, #EAAD98, #7576AB, #50485F)
• Chalky Lagoon color palette (#F5F3FF, #B78EC1, #829430, #9037A5, #3E4815)
• Patina Iris color palette (#FAF3F5, #CCDFF1, #7587C2, #006E7F, #494168)
• Pale Aubergine color palette (#DEF1E4, #899C46, #197B2C, #411582, #2A3200)

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