Amber Coast color palette — #EDF9F0 · #B3ECE4 · #C9C4FB · #B5972E · #3D4463

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

The five colors

• Ivory (#EDF9F0): a clean, paper-quiet neutral.
• Sea Foam (#B3ECE4): A whisper-light, dusty teal — the color of sea glass.
• Lilac Frost (#C9C4FB): A whisper-light, dusty violet — the color of a velvet chair.
• Mustard (#B5972E): A luminous, balanced green — the color of new leaves after rain.
• Navy (#3D4463): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged light, muted.

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

• Dusty Amber Station color palette (#FFF1F6, #EBE0B9, #A6CFFF, #CB8947, #304863)
• Washed Moss color palette (#EBF9F5, #D3F0BF, #DEBCF5, #7CAA55, #513C5F)
• Antique Driftwood Drift color palette (#EBF9F0, #C3E2E6, #BAAF7F, #967251, #2B4544)
• Tempered Driftwood color palette (#EDF8F7, #E3D4CD, #689174, #1A504E, #101E1D)
• Softworn Mustard color palette (#E6F7ED, #C2B568, #9396CF, #7C733D, #283047)
• Lagoon Workshop color palette (#E8F9FB, #95E7D3, #E6A0D8, #00A088, #4D2A47)
• Periwinkle Boulevard color palette (#E1FCF5, #BCD69E, #99BBFC, #7AA1ED, #223F38)
• Worn Olive color palette (#DFFDF2, #AEE5D3, #BABD7B, #6C6D1F, #2D3203)

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