Amber Study color palette — #FFF1F6 · #D47600 · #533500 · #240C17 · #040002

A conversation between Mustard and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D47600): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#533500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#240C17): A deep, shadowed, dusty rose — the color of strawberry cream.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Ancient Amber color palette (#E1FFE3, #BF8500, #4A3A00, #021B05, #050002)
• Linen Drift color palette (#FFF0FC, #FF3F38, #612912, #210C1E, #030104)
• Tangerine Ridge color palette (#FDE5EF, #EE8004, #756636, #553845, #190D17)
• Obsidian Bronze Canyon color palette (#F9DDC6, #9F5500, #372600, #1C0B00, #090200)
• Weathered Moss color palette (#EBF9F1, #ADA117, #245042, #10231A, #020704)
• Timeworn Orchard color palette (#D9EBD7, #A26800, #394C47, #312200, #000600)
• Olive Lantern color palette (#C9FBEC, #688D00, #0B3500, #171A21, #050900)
• Hazy Terrace color palette (#DBFFEE, #B9B500, #00B897, #DB550D, #242300)

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