Tempered Garden color palette — #F9F1E3 · #B1DBC3 · #158DC0 · #006261 · #002646

Cerulean and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Oat (#B1DBC3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#158DC0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006261): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#002646): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Weathered Parlor color palette (#F7F1E7, #A2D4C3, #537DB5, #005969, #31152B)
• Muted Cypress Garden color palette (#F6F1EA, #CBE4CF, #5D97A8, #106D5E, #003526)
• Antique Cobalt color palette (#FDF1F9, #9FD8EC, #1683D8, #006954, #353970)
• Washed Veranda color palette (#F7EEE0, #5195A5, #00516B, #002C29, #00050C)
• Petrol Cabin color palette (#EFE8DE, #82BCD9, #2170A9, #004A51, #00123A)
• Weathered Pier color palette (#F5F1EA, #C4E6E8, #7E9FC4, #3C757F, #422F3F)
• Azure Parlor color palette (#EEF8F0, #ABE6F8, #00A8E6, #008282, #004273)
• Navy Studio color palette (#ECE5DA, #567CA0, #00308E, #001E27, #01000B)

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