Amber Balcony color palette — #FFF1F6 · #C36F00 · #6A5E00 · #003E68 · #030100

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C36F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6A5E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003E68): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Amber Balcony 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

• Hazy Olive color palette (#E3FCF1, #7B8200, #595F00, #003F6C, #090100)
• Muted Chapel color palette (#F8F2FF, #CA52A7, #786000, #003F59, #05000D)
• Amber Basin color palette (#E9FBEC, #C09426, #777C00, #1D4785, #19030E)
• Frosted Navy color palette (#E0FFE3, #E87E81, #7F6900, #263389, #230900)
• Bronze Balcony color palette (#FFF1F7, #9C5200, #005A1B, #2F004C, #030100)
• Bronze Chapel color palette (#DAEBD8, #A26800, #222800, #000600, #030003)
• Soft Harbor color palette (#FFF1F4, #FF9E82, #A86C00, #484900, #021601)
• Terracotta Thicket color palette (#F7E1F0, #A52900, #004F3D, #002949, #050010)

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