Amber Garden color palette — #FFF0F8 · #C17C5A · #008682 · #39598D · #2C2234

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Caramel (#C17C5A): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#008682): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#39598D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2C2234): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

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

• Dusty Dune color palette (#FFF2EA, #D98C64, #00988D, #355297, #271212)
• Tempered Lagoon color palette (#FEF0FE, #CD7D81, #37905C, #006D8B, #282638)
• Lagoon Chapel color palette (#EFF8EE, #C79C62, #2E9474, #3F5D92, #57243A)
• Wandering Amber color palette (#E8FBEF, #AF9937, #0880AA, #724E90, #372031)
• Ancient Nightshade color palette (#FFE5ED, #B57200, #006F78, #4920B9, #2F000E)
• Antique Apricot color palette (#E6FCEA, #E0A361, #8D8A3E, #306A8C, #2C4430)
• Powdered Lantern color palette (#EEF9EE, #926C26, #576912, #09428B, #372129)
• Amber Quarry color palette (#D9EADD, #AB8B34, #395449, #223226, #1F1518)

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