Tempered Garden color palette — #FDF3EB · #CC854C · #547D4C · #285B6C · #563843

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Mustard (#CC854C): A luminous, balanced gold — the color of honey in a jar.
• Olive (#547D4C): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#285B6C): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#563843): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Wandering Chapel color palette (#FDEFE7, #CB8A73, #36816A, #434873, #391B30)
• Timeworn Taupe Loft color palette (#F9F5E9, #A09C4F, #327E79, #45517C, #593936)
• Dusty Coral Quarry color palette (#FEF2EF, #CF7C89, #79723C, #3F5C3E, #533949)
• Stone Grove color palette (#FFF3E7, #D5C2A2, #93927A, #61756D, #594B56)
• Aged Drift color palette (#FFF3E5, #D6B360, #9C8B3B, #636735, #45543E)
• Dusty Petrol color palette (#FCF2F7, #DEA183, #529B91, #4E699A, #3A4060)
• Frosted Bronze Summit color palette (#FFF3E3, #A37400, #006B49, #00436F, #4C164A)
• Ancient Bronze Drift color palette (#FDF0E1, #A7701C, #3F3C35, #2E2720, #17150E)

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