Quiet Amber color palette — #FFF0D8 · #B78800 · #536C00 · #003D79 · #221C00

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B78800): A luminous, balanced gold — the color of honey in a jar.
• Olive (#536C00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003D79): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Amber Thicket color palette (#FFF0D8, #DE6C00, #765F00, #004557, #2B1700)
• Hushed Moss Boulevard color palette (#FFF0D2, #8D9B00, #007543, #3C2985, #112100)
• Pale Navy Ridge color palette (#FAEEDC, #8E7700, #2B5A00, #0A226C, #0F0F00)
• Timeworn Navy Villa color palette (#FEF0D6, #9F7F00, #006B5A, #032F85, #31001F)
• Pale Aubergine color palette (#FFF0F7, #C7733C, #4B6C00, #55238F, #473100)
• Hushed Veranda color palette (#E1FEE7, #D49E00, #6B8B00, #005AAC, #3E3500)
• Feathered Nightshade color palette (#FFF3E8, #FFA861, #619A38, #5B429E, #342500)
• Aged Lagoon color palette (#E6E2D4, #B7AF84, #448666, #424E76, #341D4B)

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