Soft Amber color palette — #FFF1F6 · #E07D00 · #00812B · #004561 · #220029

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#E07D00): A luminous, vivid gold — the color of old brass.
• Olive (#00812B): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#004561): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#220029): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Linen Canyon color palette (#FFF0FC, #FF584C, #617500, #004854, #1D0032)
• Amber Villa color palette (#DDFFE8, #B99600, #007D66, #003C81, #26001E)
• Softworn Bronze color palette (#FFE2C8, #A25900, #005C1D, #00384F, #3D0047)
• Sunlit Olive Villa color palette (#DDFAF1, #648800, #005766, #340059, #060000)
• Pale Nightshade color palette (#DFFFE9, #D0AA00, #009284, #373CB4, #44001C)
• Misty Ridge color palette (#FFF2E9, #D8BF82, #819B5C, #006C9E, #20255B)
• Lime Meadow color palette (#E2FCF2, #A4B03C, #008598, #5E307F, #320F00)
• Pine Atelier color palette (#D1E9E7, #007D2F, #00415D, #26002E, #030100)

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