Weathered Amber color palette — #FFF1F5 · #BC7700 · #006B36 · #003571 · #080000

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mustard (#BC7700): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#006B36): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003571): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#080000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Weathered 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

• Linen Pier color palette (#E6FCEB, #A77F00, #00714D, #2300A5, #060100)
• Rust Archive color palette (#FFF0F9, #B75628, #5C5A00, #004558, #0B0006)
• Washed Olive Pier color palette (#FFF0FE, #E26369, #277700, #00337B, #20000C)
• Muted Navy Delta color palette (#E7FBF0, #6D6300, #005545, #1D007C, #040000)
• Sunlit Grove color palette (#E3FBF6, #57991E, #006F72, #48008C, #040100)
• Dusty Delta color palette (#E2FFE1, #E28664, #7B6B00, #420EA0, #1F0D00)
• Bronze Garden color palette (#D5EDD8, #986E00, #002C21, #20120A, #060300)
• Quiet Terracotta color palette (#F5D9E8, #963E00, #414D00, #450048, #0B010E)

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