Pale Amber color palette — #FDDED0 · #B27B00 · #6B5E00 · #2F4200 · #001E04

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

The five colors

• Shell Pink (#FDDED0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#B27B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6B5E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2F4200): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001E04): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Misty Coast color palette (#EDE0C7, #968A00, #387000, #004B23, #00221C)
• Mustard Orchard color palette (#FFF1E2, #EDB300, #9C8500, #525400, #192400)
• Faded Ember color palette (#F9D4D3, #D95500, #7F4A00, #463400, #181F00)
• Pale Amber color palette (#F4E6DF, #DF8C00, #8A7500, #4B5B00, #003E11)
• Muted Drift color palette (#CFF0DD, #789A4D, #685C00, #4F2D00, #00170A)
• Weathered Veranda color palette (#FFECF2, #C8AE78, #828847, #4B6532, #0D3D3E)
• Misty Moss color palette (#D8F389, #9AA000, #4E6700, #283000, #040900)
• Bronze Atelier color palette (#FFF2C4, #A1D9A7, #00B6C8, #A24E00, #121F00)

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