Amber Meadow color palette — #F5DEE4 · #C27E1A · #3A5447 · #3A282E · #1D161A

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

The five colors

• Shell Pink (#F5DEE4): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#C27E1A): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#3A5447): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#3A282E): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#1D161A): a grounded near-black with real depth.

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

Use it as a design system

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

• Worn Moss Drift color palette (#D4EBDE, #9E9130, #38534F, #22322A, #131B13)
• Washed Coral Veranda color palette (#F0DEEF, #CF6E6D, #5E4450, #352934, #1A171D)
• Worn Market color palette (#DEE8DD, #DC9C3F, #587960, #3F4E3F, #1D1619)
• Hushed Amber color palette (#FFF3E6, #D98900, #564400, #291B0B, #090402)
• Bronze Villa color palette (#F0E2D2, #99650D, #35322B, #2B1B07, #100E05)
• Muted Emerald color palette (#D5EDEA, #3A9649, #124850, #0D2724, #04100C)
• Tempered Iris color palette (#DBFFEF, #A8AA5E, #908DE1, #A767A1, #203F33)
• Antique Amber color palette (#FFE5D1, #DDB773, #A38D24, #67752B, #314F2B)

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