Tempered Garden color palette — #FBF3F0 · #CDE8E3 · #7ABAE1 · #609378 · #5E4C5C

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#CDE8E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7ABAE1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#609378): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#5E4C5C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, 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

• Lagoon Grove color palette (#FAF3F8, #D5D4E3, #B3C2E8, #6A9E8D, #3B4F65)
• Weathered Boulevard color palette (#F0F8F1, #D2E0F2, #6EA2B5, #4A777F, #435564)
• Timeworn Mallow color palette (#F2F8E9, #94D5B4, #D399DC, #549E7A, #63434A)
• Ancient Periwinkle color palette (#FFF3E9, #ABE4FF, #539BFF, #008475, #3C376B)
• Denim Courtyard color palette (#EBE0DA, #559EB1, #005C94, #003D2D, #04002D)
• Hushed Turquoise color palette (#FEF2EF, #BFDEBD, #00A6CA, #367E3C, #10443A)
• Aged Dune color palette (#F6F6EA, #BBE2E7, #CBBCC4, #AD9B79, #415918)
• Tempered Jade Hollow color palette (#FFF4DD, #C4D696, #75B16A, #3D8C72, #3E5741)

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