Amber Coast color palette — #FFF1F4 · #FEA4A5 · #C97A5B · #6A6100 · #303C00

Coral Clay and Rose Quartz set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Rose Quartz (#FEA4A5): A luminous, balanced red — the color of embers at dusk.
• Coral Clay (#C97A5B): A luminous, balanced orange — the color of toasted spice.
• Olive (#6A6100): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#303C00): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, 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

• Hazy Study color palette (#FFF2EF, #FFBE9D, #B48A5A, #3F6600, #003E17)
• Ancient Blush color palette (#FFF0FE, #F5B2DD, #D36D90, #875000, #3B2900)
• Misty Dune color palette (#F6D6E8, #D0839A, #AC5253, #654800, #2A4013)
• Olive Meadow color palette (#FFF2EE, #FFD1D0, #C29D6F, #477B2C, #2B533C)
• Muted Atelier color palette (#F3E0D0, #BFA074, #877221, #004F2C, #00241E)
• Coral Meadow color palette (#E5E9FF, #DCACD9, #F06C68, #318682, #004247)
• Muted Ash color palette (#FCF1FF, #EAD4DA, #D1B8BB, #7F998B, #3A554C)
• Worn Bronze Lantern color palette (#FFE9E9, #A36253, #744426, #1F2400, #010400)

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