Amber Garden color palette — #C2F1DD · #80D5FF · #D27C00 · #0094C6 · #452500

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

The five colors

• Honeydew (#C2F1DD): A whisper-light, dusty teal — the color of sea glass.
• Sky (#80D5FF): A whisper-light, balanced blue — the color of deep harbor water.
• Mustard (#D27C00): A luminous, balanced gold — the color of old brass.
• Cerulean (#0094C6): A luminous, balanced blue — the color of open sky before noon.
• Espresso (#452500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.

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 Rose color palette (#CCEFD4, #38E1F5, #E95E74, #009AA9, #5B001B)
• Linen Summit color palette (#F8D9F8, #83B7FF, #F79920, #157AEF, #442500)
• Tempered Amber color palette (#D6E7F5, #7BC6FF, #AB9600, #C86900, #00273F)
• Dusty Terracotta Basin color palette (#CBE4F8, #259EE7, #A93800, #00517D, #2C0800)
• Patina Mustard Boulevard color palette (#ECECC9, #EBA800, #81ADFF, #153A88, #1E111D)
• Hushed Coast color palette (#E9F9F5, #B5D9FC, #F2BA88, #5FAEF6, #524C46)
• Faded Indigo Market color palette (#EDD6E6, #98A9FA, #B3B21F, #5762F3, #2B2B00)
• Hushed Violet color palette (#FAE9F1, #C1B1FF, #BDB44E, #9871FF, #3C3700)

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