Hazy Amber color palette — #ECDCD3 · #BB7C00 · #615F00 · #2B3B00 · #001C0A

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

The five colors

• Bone (#ECDCD3): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#BB7C00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#615F00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#2B3B00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001C0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Hazy 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 Quarry color palette (#E7DFD4, #AB8900, #6E6800, #3B4500, #00331E)
• Ancient Ember color palette (#F2DBDA, #DE5A00, #7E5200, #3D3300, #1A2000)
• Muted Mustard color palette (#FFE6C5, #E9B600, #928200, #4D5200, #203000)
• Powdered Coast color palette (#F2F0CE, #6A9F3D, #645D00, #4D2E00, #00170C)
• Soft Study color palette (#F5F0D0, #758C00, #006E24, #003A2B, #001C1C)
• Antique Byzantium color palette (#F0E9D4, #A18300, #9837D3, #5C4A00, #230037)
• Hushed Moss color palette (#EDE2CA, #9AAC06, #3D8000, #005932, #00302B)
• Turquoise Corridor color palette (#FEF2CA, #96E0AC, #00B7C8, #8B4900, #192200)

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