Soft Amber color palette — #FFF4E2 · #C3972C · #2FA67B · #047E85 · #36322C
Built around Mustard, softened by Jade — the whole palette hums with trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#C3972C): A luminous, balanced gold — the color of old brass.
- Jade (#2FA67B): A luminous, balanced teal — the color of sea glass.
- Teal (#047E85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#36322C): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Amber Loft color palette (#FFF2E9, #DF844A, #729F47, #138262, #38312D)
- Antique Mustard color palette (#FEF5DF, #BEB45A, #779145, #007273, #3F3D36)
- Tempered Stone Field color palette (#FAF5E5, #B6B86D, #5FAF9A, #20837B, #2A240E)
- Washed Brick color palette (#FDF6D5, #90A000, #00999E, #B62B00, #322B07)
- Misty Jade Basin color palette (#F4F7E9, #5CAC5B, #008CAC, #3E5B92, #39242C)
- Tempered Summit color palette (#FCF4E7, #C7A75C, #65AC92, #A36673, #403D36)
- Moss Coast color palette (#FFF4DC, #C9C87E, #899B2B, #527513, #174800)
- Feathered Moss Grove color palette (#E7E7C6, #559C00, #00859E, #005A9C, #102600)
Browse the whole catalog at Explore, or see today's palette.