Soft Amber color palette — #FFF1F6 · #DE7E00 · #00812F · #004561 · #220029

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#DE7E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#00812F): A full-bodied, balanced green — the color of new leaves after rain.
• 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

• Coral Workshop color palette (#FFF0FC, #FF5948, #6A7200, #00494C, #13003E)
• Frosted Forest color palette (#FEE2C9, #A15A00, #0B5F14, #00384B, #34004E)
• Patina Nightshade color palette (#E3FDEB, #B89600, #007C6E, #1C00BC, #290013)
• Linen Garden color palette (#E1F9F2, #63890F, #005768, #360056, #050000)
• Rust Corridor color palette (#F8DAC7, #BB4800, #00556B, #00256A, #000B2C)
• Aubergine Veranda color palette (#E6FBF2, #A2AF58, #008693, #572C92, #3B0100)
• Velvet Pine color palette (#D3E4E2, #007D33, #004062, #2A0026, #020100)
• Moss Cabin color palette (#FFF3E8, #D4C493, #7CA03D, #006494, #241E6C)

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