Tempered Amber color palette — #E8F8FF · #4AD2FF · #B68100 · #787A00 · #002632

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

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Sky (#4AD2FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#B68100): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#787A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002632): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Feathered Loft color palette (#FFEFFF, #87BBFF, #9F8000, #607716, #261327)
• Muted Moss Ridge color palette (#F3F4FF, #9DA5FF, #91AC00, #7C9123, #1B1D3F)
• Azure Hollow color palette (#ECF7FF, #009CE1, #A27C00, #856600, #000E1A)
• Misty Boulevard color palette (#D4FFFD, #00C7C5, #FA6D00, #C76835, #002827)
• Frosted Sunflower Hollow color palette (#FFF4E1, #CBDB6B, #B38C13, #85512E, #132F14)
• Quiet Harbor color palette (#D9EFFF, #2A9BDE, #934900, #615300, #003451)
• Worn Sapphire color palette (#D3E1FF, #3669FF, #766D00, #5E5600, #00000F)
• Ancient Garden color palette (#FFF1F6, #DABCFF, #8ACD9D, #9DA87E, #443239)

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