Tempered Garden color palette — #F2F0DD · #FF99A5 · #49A8F3 · #1B2938 · #0B131A

Cornflower and Ballet Pink set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2F0DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Ballet Pink (#FF99A5): A luminous, balanced red — the color of embers at dusk.
• Cornflower (#49A8F3): A luminous, balanced blue — the color of open sky before noon.
• Midnight (#1B2938): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B131A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Antique Chapel color palette (#DAE7DB, #FFB7A9, #ACB4FF, #2D323F, #151820)
• Weathered Courtyard color palette (#F4EADF, #D89FFF, #00C0DD, #112630, #061014)
• Tempered Sky color palette (#DFE6D1, #FFAB99, #05C4EF, #274948, #23312A)
• Weathered Blush Delta color palette (#E8F1CD, #FF577C, #5277F2, #0A1439, #00051A)
• Muted Boulevard color palette (#DAECE7, #FE8F22, #B47FFF, #1F203D, #0A0B1B)
• Pewter Atelier color palette (#EFF1F9, #DBD5DE, #C7B7C6, #697397, #2A2C33)
• Hushed Fuchsia color palette (#ECE635, #00BCF3, #E377EB, #182F3D, #0B1216)
• Powdered Thicket color palette (#EDF2FA, #97B1F3, #A5558A, #4961A1, #110A1A)

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