Tempered Olive Market color palette — #FFDBCB · #CC9B43 · #6D7800 · #005932 · #003B37

A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDBCB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#CC9B43): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#6D7800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005932): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#003B37): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Olive Market 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

• Patina Bloom color palette (#FFDEE2, #E98F56, #866B00, #3E4D00, #004029)
• Tempered Pine Workshop color palette (#FFDAAE, #ABA157, #247B2F, #004D3E, #003741)
• Powdered Grove color palette (#F2E8CC, #ACA500, #537C00, #014B0E, #002116)
• Lagoon Station color palette (#FFF5D5, #9EAF7D, #058E6B, #005C5D, #00415C)
• Mustard Corridor color palette (#FFE8A5, #C9BF00, #749B00, #006F2C, #004029)
• Feathered Lime Hollow color palette (#FFE1CF, #EDC700, #94B500, #008D66, #003D3C)
• Wandering Aubergine color palette (#FFF2EB, #C17A00, #18802B, #600070, #3F3500)
• Hushed Cocoa Alley color palette (#FFE3E0, #B89F75, #5D8569, #7D404F, #5E3615)

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