Tempered Garden color palette — #FFF2EA · #FF8E55 · #809E00 · #008F66 · #0E2E1B

Built around Olive Leaf, softened by Apricot — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Apricot (#FF8E55): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#809E00): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008F66): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#0E2E1B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Faded Canyon color palette (#FFF2EE, #FF8585, #AE9500, #449000, #002926)
• Pale Jade color palette (#FCF4E8, #DDB04E, #17B47B, #128E96, #332635)
• Aged Olive color palette (#E7FBED, #00BFD3, #B58F00, #508700, #17270B)
• Linen Bloom color palette (#FFF3E8, #FFA1B4, #FF6252, #8B7B00, #53242A)
• Bronze Grove color palette (#EFE7D4, #947C00, #007960, #00505F, #060007)
• Emerald Pier color palette (#F5E6F3, #5898FF, #329700, #007B6E, #00150C)
• Worn Jade color palette (#FFF0F9, #A2A4FF, #00B36D, #00828A, #002E25)
• Peony Alley color palette (#FFF2F0, #EE4F94, #926800, #006356, #2C1738)

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