Amber Garden color palette — #E5FBF2 · #77CEFF · #CD7400 · #008B5B · #003B24

Built around Mustard, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#E5FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#77CEFF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#CD7400): A luminous, balanced gold — the color of old brass.
• Fern (#008B5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003B24): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Frosted Canyon color palette (#FDECFB, #85B2FF, #BD8900, #008270, #00342B)
• Scarlet Garden color palette (#D1E8DC, #24BDF0, #D83300, #00706E, #002524)
• Muted Stone color palette (#D0F7E0, #BBC6FF, #D598B6, #5A9488, #00594D)
• Peony Terrace color palette (#E7FCE7, #29DDDC, #FF499E, #327C00, #133B00)
• Aged Mallow color palette (#FEF1F5, #D6B7FA, #B4AC65, #608CB1, #254B41)
• Frosted Crimson color palette (#FFF0F9, #A6A1FF, #CB4C60, #5A5300, #002827)
• Misty Lilac color palette (#FDDEED, #A896FF, #A58700, #006FA1, #00273D)
• Worn Lagoon color palette (#EFFAE2, #29E3A9, #D466E3, #617200, #173A00)

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