Soft Amber color palette — #F8EED8 · #D0BF74 · #A2A7FD · #A99000 · #2E2F5E

Built around Mustard, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Cream (#F8EED8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Honey (#D0BF74): A luminous, balanced green — the color of a quiet forest floor.
• Lavender (#A2A7FD): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#A99000): A luminous, balanced green — the color of new leaves after rain.
• Navy (#2E2F5E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Gentle Moss Harbor color palette (#F9F6E3, #C5D493, #C1B0FC, #94AB03, #45386A)
• Muted Amber Villa color palette (#FFEBD7, #ECB178, #7CC2FF, #BF7200, #00385E)
• Lilac Orchard color palette (#E7FCEA, #E8B653, #AB91FE, #986E00, #2A2046)
• Hazy Iris color palette (#F5EFD6, #AAAE67, #5D93F4, #757700, #183365)
• Weathered Emerald color palette (#EDF1DB, #8DD38F, #E19DF4, #27A138, #46264F)
• Muted Peony Delta color palette (#EEE4C9, #B9B25B, #00B6E3, #D26EAB, #352A06)
• Softworn Taupe color palette (#F2E7D0, #C3C598, #B19D52, #977238, #31312A)
• Hushed Glacier color palette (#FBF5E3, #CEE3C5, #76E4E2, #C49956, #44423B)

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