Amber Coast color palette — #F4EFFD · #EA8DD0 · #D07C12 · #2D8344 · #003045

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

The five colors

• Blush (#F4EFFD): bright and airy, almost weightless.
• Bubblegum (#EA8DD0): A luminous, balanced pink — the color of peonies in June.
• Mustard (#D07C12): A luminous, balanced gold — the color of old brass.
• Fern (#2D8344): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#003045): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

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

• Soft Amber Dune color palette (#F9F2FC, #FF9BBA, #C69725, #209171, #1C395A)
• Ember Veranda color palette (#F0F0FF, #C899F7, #E26A4E, #647A1A, #003239)
• Weathered Taupe Villa color palette (#EEE4FE, #D5B7DA, #D49377, #5C8F73, #304F58)
• Chalky Moss color palette (#FDECFA, #FF8B81, #929C00, #007F88, #2D2054)
• Linen Garden color palette (#FFF1F3, #DA7CE2, #518641, #005746, #002219)
• Ancient Iris color palette (#ECF2FF, #8586F6, #916A00, #00596F, #00313E)
• Gentle Ridge color palette (#E3DCE9, #EE38A6, #9B6600, #00613B, #001323)
• Worn Pier color palette (#FDF1FA, #FBB2A2, #A2B365, #48949C, #394060)

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