Tempered Garden color palette — #ECF7FF · #009ED8 · #9B4900 · #413900 · #100D00

Built around Cerulean, softened by Burnt Sienna — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cerulean (#009ED8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Burnt Sienna (#9B4900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#413900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#100D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Periwinkle Hollow color palette (#EEF6FF, #60A9FF, #9E6A00, #534B00, #1B1E00)
• Tempered Iris color palette (#F1F5FF, #7682FF, #756200, #323E00, #061000)
• Antique Orchard color palette (#E6F9FF, #00A6AA, #A6354A, #641D00, #1D0400)
• Faded Coast color palette (#EAF4FF, #0077E7, #6B4400, #1F2900, #010200)
• Muted Brick color palette (#F3D9E7, #9993F8, #BB5BA8, #AA2D2C, #002235)
• Misty Powder color palette (#F0F5FF, #A0B7FF, #A5853B, #4A6629, #203108)
• Tempered Mulberry Courtyard color palette (#D3E7D9, #007686, #7D025B, #2B3200, #00261E)
• Tempered Station color palette (#E5F9FF, #B0B2F8, #AC7F93, #385B4D, #2D3000)

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