Tempered Garden color palette — #F1F7F1 · #CFDACA · #68C0BB · #BB915B · #0F2226

A conversation between Caramel and Mint Leaf, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#CFDACA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#68C0BB): A luminous, balanced teal — the color of sea glass.
• Caramel (#BB915B): A luminous, balanced gold — the color of old brass.
• Onyx (#0F2226): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Sophistication. Tagged duotone, 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

• Washed Mint color palette (#F9F3F8, #E5DBD4, #91BC84, #CA847E, #12221F)
• Wandering Bloom color palette (#EFF7F4, #ADF7EC, #7DB7D8, #90A269, #152028)
• Wandering Turquoise Villa color palette (#EFF8F0, #DABC84, #50A1BC, #7F5D83, #1F2B21)
• Muted Straw color palette (#ECF9F0, #F5D769, #00A4B5, #957C00, #000D0F)
• Tempered Sand Grove color palette (#FFF1F6, #E5E0A1, #74B193, #84668C, #2C453E)
• Lagoon Workshop color palette (#FFF4E1, #CFF4CD, #A1C290, #3E8667, #004C4B)
• Hushed Drift color palette (#FAF4EE, #DDB98F, #009186, #8E632A, #283126)
• Worn Stone color palette (#EFF7F3, #D2DDDF, #BAB3BB, #8DBAA4, #47504B)

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