Tempered Olive color palette — #FBEDFA · #B57072 · #518443 · #005A76 · #231323

Built around Fern, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Blush (#FBEDFA): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#B57072): A luminous, balanced red — the color of embers at dusk.
• Fern (#518443): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005A76): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#231323): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Chalky Olive Basin color palette (#F6EEFB, #B8778F, #5C6D11, #00446F, #370A21)
• Aged Bronze color palette (#F7EEFD, #B46D89, #926E20, #00604F, #211329)
• Bronze Harbor color palette (#FFF0F8, #B96938, #5B7D32, #006343, #422B37)
• Denim Courtyard color palette (#E8F6ED, #A19561, #618F73, #276292, #14281C)
• Gentle Nightshade color palette (#FFECF4, #B96100, #007A7F, #4327AD, #230D00)
• Misty Aubergine color palette (#DCEFE2, #8B7300, #007087, #51218F, #001508)
• Hushed Brick color palette (#F8DBF4, #C71126, #006B55, #003C6E, #1E0001)
• Powdered Fuchsia color palette (#FFF1F2, #E58ED8, #009371, #3075A5, #412D2F)

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