Soft Amber color palette — #F2F5FF · #C6BDFF · #C78100 · #897C00 · #232947

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#C6BDFF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Mustard (#C78100): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#897C00): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#232947): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Tempered Amber Meadow color palette (#F0F5FF, #9DB2FF, #C26700, #616F00, #10173D)
• Linen Wisteria color palette (#EBEDFF, #BC95F6, #A9A451, #8C8632, #22233F)
• Airy Tangerine color palette (#F0F5FF, #98ADFF, #F4842A, #CA6C21, #1C2A48)
• Worn Tangerine color palette (#F3F4FF, #C4A4FF, #F58315, #009E46, #31214A)
• Pale Dune color palette (#F5F3FF, #F79AFF, #7D9B13, #668100, #003936)
• Rose Courtyard color palette (#FCF1FF, #FF87A8, #EB5D7C, #907100, #0D2046)
• Tempered Market color palette (#CDE0F9, #609AFF, #799F3D, #5D811C, #091B32)
• Ancient Peony Basin color palette (#EBE0FD, #D24DB8, #9A7A00, #795F00, #1E0018)

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