Amber Ridge color palette — #E9F3FD · #86BAE1 · #BE9636 · #3278A8 · #1C3824

Mustard and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F3FD): bright and airy, almost weightless.
• Sky (#86BAE1): A luminous, dusty blue — the color of deep harbor water.
• Mustard (#BE9636): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#3278A8): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#1C3824): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Antique Field color palette (#F0F1FB, #BEA6E1, #A89F41, #7E61A4, #18382A)
• Coral Garden color palette (#E9F3FC, #87BADF, #D98070, #2579AA, #3F283A)
• Wandering Workshop color palette (#EDF6FF, #7EB6E6, #72A87A, #48779F, #285653)
• Washed Amber color palette (#E7F3FF, #6FA2CD, #BB7D4A, #827A42, #1C2934)
• Driftwood Balcony color palette (#E7F6EE, #9EC5BA, #87855A, #446047, #1B312F)
• Hushed Powder color palette (#FCF1FD, #96C9FF, #D3A87D, #6990B9, #6E4100)
• Denim Atelier color palette (#EFF2FA, #9DD0C1, #5C5A90, #283049, #11141B)
• Shell Terrace color palette (#E8F3FF, #DAD5E3, #F5B8C7, #658EA1, #313946)

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