Tempered Cobalt Garden color palette — #E9F3FF · #4B77B9 · #7F3757 · #483900 · #003331

Built around Slate, softened by Wine — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Slate (#4B77B9): A full-bodied, balanced blue — the color of deep harbor water.
• Wine (#7F3757): A full-bodied, balanced rose — the color of pressed rose petals.
• Deep Olive (#483900): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#003331): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Weathered Iris Lantern color palette (#F1F5FF, #7D81C3, #914B4F, #464D0C, #00404B)
• Aubergine Studio color palette (#E4F5FF, #0083A7, #6D3987, #652004, #223100)
• Dusty Indigo color palette (#E2F8ED, #3DA2C8, #7A61AB, #515400, #003041)
• Hushed Byzantium color palette (#E3E6FF, #8939D8, #8A1D00, #283A00, #002933)
• Dusty Abyss color palette (#CCE1FC, #9DA4C1, #797297, #455F46, #1F4D3D)
• Cobalt Balcony color palette (#F0F7F1, #A9C9E6, #5579AE, #005D70, #30385A)
• Ultramarine Boulevard color palette (#E0E9F8, #3249B8, #68002F, #261F00, #001615)
• Softworn Studio color palette (#E8DBF5, #A23C7A, #5D4000, #00372B, #0A1455)

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