Hazy Amber color palette — #FFF1F6 · #BB7600 · #007E8D · #4E4881 · #271429

Mustard and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#BB7600): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007E8D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#4E4881): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#271429): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Hazy 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

• Washed Loft color palette (#EAFAEF, #B08D00, #0081A8, #6A5184, #382735)
• Hushed Chapel color palette (#FFF0FA, #E33F16, #008372, #1F558C, #1E1728)
• Frosted Corridor color palette (#E6FBF3, #748D00, #3770BD, #71376D, #2E1A24)
• Gentle Nightshade Alley color palette (#FFF2F0, #C36F8D, #0076A9, #3B35AC, #180004)
• Marigold Atelier color palette (#DCF7E1, #C59C00, #5D8625, #3B5581, #153829)
• Muted Aubergine color palette (#E0F0E0, #856300, #00566A, #3B167E, #0F0011)
• Washed Coast color palette (#FBF4E8, #C0A448, #00AB9C, #6C62CF, #2D1300)
• Dusty Lime color palette (#E8FAF4, #92B453, #7187B6, #845A74, #3C2C33)

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