Quiet Amber color palette — #F7F1E8 · #C89638 · #00784D · #704E00 · #040800

Mustard and Pine set the tone — five colors that lean into optimism and balance.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Mustard (#C89638): A luminous, balanced gold — the color of honey in a jar.
• Pine (#00784D): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#704E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#040800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged duotone.

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

• Pale Delta color palette (#FAF0E8, #DE8659, #3F7500, #893A00, #070700)
• Misty Hollow color palette (#F9F5EB, #AD9A00, #386E00, #5B5000, #191909)
• Weathered Grove color palette (#F4F2EB, #BFB576, #00877E, #736500, #071105)
• Hushed Basin color palette (#F3F2E7, #8EAD4B, #006E91, #475F00, #000904)
• Quiet Moss Corridor color palette (#F9E5D5, #968D0A, #006C4A, #581959, #1B1900)
• Worn Olive color palette (#F3DCA8, #A2AA40, #2E7E00, #004B33, #001B1C)
• Cobalt Hollow color palette (#F2F2EA, #B0CF95, #4188C3, #5C7E39, #091915)
• Gentle Villa color palette (#F0F4E6, #53C17C, #0064D9, #006E39, #140115)

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