Amber Coast color palette — #FFF0F9 · #F2D3C9 · #D28B5A · #7B6117 · #303C00

Built around Camel, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#F2D3C9): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#D28B5A): A luminous, balanced gold — the color of honey in a jar.
• Olive (#7B6117): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#303C00): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Softworn Bronze color palette (#F7F2FF, #FFD2EE, #D4838A, #9B5629, #413300)
• Wandering Taupe Boulevard color palette (#FFF2EF, #FFD3AB, #AEA248, #517239, #00402F)
• Hushed Bronze color palette (#FFEDE9, #FFBEA1, #E29F71, #B16F29, #573800)
• Velvet Bronze Chapel color palette (#FADEDD, #B26300, #4E3C00, #051200, #000201)
• Bronze Coast color palette (#FFF1F5, #FFAA91, #B67400, #454B00, #001B07)
• Dusty Atelier color palette (#FFF2EA, #FA6E00, #5A4200, #271C14, #090403)
• Faded Moss color palette (#FFE6CF, #B1A300, #3A6F00, #003B31, #00080B)
• Feathered Balcony color palette (#FFF2ED, #ECB100, #758200, #005325, #001313)

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