Hazy Amber Market color palette — #FFF0F9 · #FFB99C · #70CBF0 · #DE835D · #20475D

A conversation between Coral Clay and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Cantaloupe (#FFB99C): A whisper-light, balanced orange — the color of toasted spice.
• Sky (#70CBF0): A luminous, balanced blue — the color of open sky before noon.
• Coral Clay (#DE835D): A luminous, balanced orange — the color of toasted spice.
• Navy (#20475D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged light.

Use it as a design system

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

• Quiet Amber color palette (#EAFBEA, #EFC488, #9ABEFC, #C5954E, #2F4264)
• Pale Corridor color palette (#FDF0FF, #FFB4BE, #60D4C6, #D9818D, #004E47)
• Quiet Bronze color palette (#FFF0F8, #EFA279, #4DB4CD, #B66A3E, #004B5A)
• Mint Canyon color palette (#FFF0F8, #F5AA80, #56CDA8, #A49ADF, #482F3D)
• Dusty Sky color palette (#FFD8E6, #FFB871, #2EB3FB, #A66200, #00324B)
• Dusty Field color palette (#FFF0F9, #F1C7AA, #D59D89, #9B7C98, #314330)
• Hushed Studio color palette (#FFF0F7, #DDFFDA, #C6E7BC, #D79992, #614750)
• Misty Cabin color palette (#FDEFE6, #DF8B68, #009DBC, #9C4924, #002D37)

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