Amber Ridge color palette — #F4F4FC · #D5B2FE · #B98500 · #916DB8 · #1A281C

Built around Mustard, softened by Slate Blue — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F4F4FC): bright and airy, almost weightless.
• Lavender (#D5B2FE): A whisper-light, balanced violet — the color of a velvet chair.
• Mustard (#B98500): A luminous, balanced gold — the color of honey in a jar.
• Slate Blue (#916DB8): A luminous, balanced violet — the color of wild irises.
• Onyx (#1A281C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Creativity, Balance. Tagged duotone.

Use it as a design system

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

• Hushed Archive color palette (#F7F3FC, #F4A9D5, #AB8C00, #B65C94, #18281E)
• Ancient Indigo color palette (#F0F5FF, #B1C0FF, #D7903B, #5866BA, #301E24)
• Aged Amber Workshop color palette (#FFF1F4, #FFD2E5, #CE8F42, #A873B3, #1A1005)
• Lilac Loft color palette (#F3F4FF, #A981DD, #817F00, #3D5C94, #27283B)
• Aged Bronze color palette (#FFF1F2, #D795CB, #A25833, #814878, #2D2119)
• Washed Blush Station color palette (#F7F3FB, #FFBFE3, #EC9093, #D483B3, #2D1E2D)
• Amber Bloom color palette (#E2FCF3, #D09CD6, #C26A4D, #136E87, #44374D)
• Gentle Coral color palette (#F9F1FF, #EEA6D2, #D66967, #944E00, #473700)

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