Amber Garden color palette — #FFF1F6 · #FFB172 · #71BEFF · #DE7A00 · #003D66

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Cantaloupe (#FFB172): A whisper-light, balanced gold — the color of old brass.
• Sky (#71BEFF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#DE7A00): A luminous, vivid gold — the color of afternoon light on wheat.
• Navy (#003D66): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

One click turns Amber Garden 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 Bronze color palette (#FFF3E9, #FFB484, #6CB5FF, #BE5D00, #002F57)
• Linen Mustard Parlor color palette (#E2F4E4, #F5B00B, #91ACFF, #BA8718, #283357)
• Frosted Study color palette (#FFF0FC, #FFACA1, #27D8F3, #DC6054, #00434D)
• Feathered Marigold Balcony color palette (#F2D7E8, #65D6FF, #FFA839, #6E4956, #25191D)
• Weathered Apricot color palette (#FFE7F1, #F3BE64, #E48B43, #A96E63, #143F2B)
• Hushed Coast color palette (#FFEFE0, #E59142, #007BBD, #864A00, #00233A)
• Aged Wisteria color palette (#FFF3E8, #FC8E05, #CE6EDF, #AF6000, #512659)
• Lilac Terrace color palette (#FFE6D1, #FFBF85, #A08BFD, #00A0E3, #462808)

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