Tempered Amber color palette — #E5FBF1 · #7AC4E9 · #D198C1 · #AE8B18 · #20392F

Built around Mustard, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#E5FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7AC4E9): A luminous, balanced blue — the color of open sky before noon.
• Mauve (#D198C1): A luminous, balanced pink — the color of neon signs at night.
• Mustard (#AE8B18): A luminous, balanced gold — the color of honey in a jar.
• Deep Forest (#20392F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged muted.

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

• Jade Delta color palette (#ECF8F5, #98C7F8, #E2A59D, #81A66D, #29433D)
• Soft Amber Orchard color palette (#EFF8EB, #69CFB8, #B1A1E4, #C97846, #29381F)
• Sunlit Villa color palette (#F6F7E1, #89D5E5, #A199E6, #5E924A, #1C463A)
• Airy Bronze color palette (#FFF0F9, #A7ADEB, #AE89CD, #997A00, #342036)
• Gentle Garden color palette (#E9FAF1, #43C2F1, #E37B79, #936A20, #142A20)
• Timeworn Blush color palette (#EFF8EF, #70D0D1, #D780A8, #009273, #004142)
• Patina Sky color palette (#EFF7F5, #DED4D0, #82B0DC, #A0A79A, #3F4B47)
• Amber Grove color palette (#FFF2F0, #EE9EBB, #D18A80, #AF8A26, #492926)

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