Muted Amber color palette — #F3DAE2 · #BD7200 · #007742 · #004670 · #3A0034

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

The five colors

• Shell Pink (#F3DAE2): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#BD7200): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#007742): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004670): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#3A0034): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

One click turns Muted 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

• Quiet Ember Hollow color palette (#F6D7E8, #D45E00, #437200, #004B59, #280C47)
• Misty Amber Hollow color palette (#E5F8E6, #C58800, #00856C, #3A4C86, #481826)
• Softworn Aubergine Hollow color palette (#CEE9D8, #9B8600, #007271, #443083, #420004)
• Feathered Field color palette (#F1DAE6, #A64900, #005345, #2C166F, #2C0039)
• Aubergine Market color palette (#DFEEE7, #6A6B00, #005051, #25006F, #170004)
• Driftwood Ridge color palette (#F9E0C3, #B2A973, #74905B, #3D6382, #303054)
• Aged Nightshade Balcony color palette (#FFF2F0, #D06C92, #007080, #0318A3, #190021)
• Lowlit Fern color palette (#C9E9E4, #0F6B11, #003D58, #310031, #040100)

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