Tempered Garden color palette — #F4F7E8 · #B5F9BE · #E7B9EF · #75A97C · #5B3C43
Built around Mint, softened by Carnation — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Mint (#B5F9BE): A whisper-light, balanced green — the color of a quiet forest floor.
- Carnation (#E7B9EF): A whisper-light, balanced pink — the color of a candy shop window.
- Jade (#75A97C): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#5B3C43): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
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
- Hushed Pier color palette (#FBF5E5, #F6E799, #BEC8FF, #A69B63, #553E4E)
- Glacier Garden color palette (#ECFAEC, #89FBFE, #FBB5C4, #4EAAAD, #5B3E38)
- Weathered Pier color palette (#F3F9DC, #9FDEA4, #D5A8DE, #C192AA, #383932)
- Aged Balcony color palette (#EDF9EF, #D5D7CA, #4B9398, #374C3B, #171D18)
- Chalky Archive color palette (#E6FAF8, #96BB97, #BA83B5, #31873D, #61405E)
- Bronze Atelier color palette (#FEF3E7, #D9EABD, #C3A98C, #A56A40, #4B3F00)
- Wandering Corridor color palette (#EFFBDD, #BFECE6, #86C4A0, #467960, #263500)
- Gentle Basin color palette (#DDF6DD, #00A6A9, #D23D2C, #00595B, #170000)
Browse the whole catalog at Explore, or see today's palette.