Tempered Garden color palette — #FFF4DE · #00BAF2 · #4664E2 · #7B2500 · #001A2E

A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#00BAF2): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#4664E2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Rust (#7B2500): A deep, shadowed, balanced orange — the color of toasted spice.
• Midnight (#001A2E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged retro, cool.

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

• Misty Amethyst Workshop color palette (#FFF4DE, #55B1FF, #7342FA, #6B3600, #03153C)
• Garnet Pier color palette (#FFF4DE, #00C2C5, #007BB0, #840037, #001C22)
• Powdered Violet color palette (#FFF4DE, #9CBFFF, #9A67DA, #794D00, #1F234B)
• Linen Plum color palette (#ECF7FF, #00A6E8, #B10FA0, #593700, #00170F)
• Byzantium Grove color palette (#E1FEE6, #8499FF, #8A49AA, #523B00, #0B0F2A)
• Pale Grove color palette (#FAE1B7, #00C5E5, #6C80FC, #8D6300, #002D43)
• Ultramarine Quarry color palette (#EFE1C1, #00909E, #1D42BA, #3C3000, #00151F)
• Hushed Ultramarine Corridor color palette (#FFDBD4, #0081D4, #2939C6, #65004E, #002756)

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