Soft Amber color palette — #FFD8E8 · #D97A00 · #2094C9 · #636AB1 · #3C222D

Built around Mustard, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FFD8E8): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#D97A00): A luminous, balanced gold — the color of old brass.
• Cerulean (#2094C9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#636AB1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#3C222D): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. Tagged warm.

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

• Ember Orchard color palette (#FFD7F1, #F65B24, #009AB0, #2180B2, #392332)
• Cobalt Harbor color palette (#D2EDD1, #DF992C, #6571B7, #007AC8, #1C321B)
• Aged Bronze Basin color palette (#FDDAE5, #AB6800, #0075A6, #3C518D, #402400)
• Washed Study color palette (#FADFC6, #E99953, #37ADFE, #707FE9, #432200)
• Muted Pier color palette (#E2FEE4, #D69802, #679CDA, #7783B6, #2A3E2C)
• Wandering Violet color palette (#FFF3E7, #E3903C, #00AD9B, #9160CF, #2B1500)
• Ultramarine Hollow color palette (#FAEDE0, #A06600, #006EAD, #0051B8, #1C0E00)
• Washed Marigold color palette (#E1F4E8, #BBA029, #7F59AC, #7B3F70, #162C1F)

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