Tempered Garden color palette — #FEF3E8 · #9CCBF1 · #5675BD · #005E68 · #4E2F41

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Sky (#9CCBF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5675BD): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#4E2F41): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, 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

• Cobalt Canyon color palette (#FCF3ED, #A5D0BA, #307DBA, #00605B, #2D395A)
• Dusty Villa color palette (#FFF1F5, #BCD8F1, #7A91DA, #007C7B, #3F3356)
• Misty Cobalt Loft color palette (#FFF2E9, #40C8F8, #0071BD, #005653, #1D2B6C)
• Cerulean Alley color palette (#EFF8F0, #CDE3F8, #90B3EA, #009BBB, #30375D)
• Dusty Lagoon Veranda color palette (#F0E1D9, #00948E, #00454F, #00240F, #000B13)
• Aged Boulevard color palette (#F2F0D7, #81AE24, #844EA6, #456100, #3F2C4D)
• Ancient Teal color palette (#EFDFD7, #4AB1B0, #006274, #004026, #002236)
• Dusty Seafoam color palette (#F8F8D8, #91E8C3, #60BAC7, #786833, #41433C)

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