Pale Amber color palette — #FDECD3 · #B37800 · #596100 · #00436D · #33302A

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

The five colors

• Cream (#FDECD3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B37800): A luminous, balanced gold — the color of honey in a jar.
• Olive (#596100): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00436D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#33302A): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Wandering Ember color palette (#FFECCE, #CF612E, #745400, #004954, #352F2A)
• Amber Dune color palette (#F9E6CD, #BC7834, #53630A, #332F69, #211600)
• Amber Study color palette (#FFF4E2, #AC9733, #4A7835, #3D4C73, #3F3D36)
• Sunlit Bronze Alley color palette (#FEF0DC, #996F00, #00634E, #153674, #471730)
• Antique Harbor color palette (#FCECD3, #759301, #006C4A, #433271, #30312A)
• Timeworn Cocoa color palette (#F8F6E6, #7BA971, #367051, #703B06, #35362F)
• Hushed Marigold Veranda color palette (#FFF4DF, #FFB98C, #CD9C00, #6A8937, #36332D)
• Muted Chestnut Chapel color palette (#E9E1D5, #806000, #314500, #00234E, #1A1600)

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