Amber Coast color palette — #FFF0F9 · #A1A8FF · #C18E00 · #00879B · #202242
Mustard and Lavender set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Lavender (#A1A8FF): A luminous, balanced violet — the color of wild irises.
- Mustard (#C18E00): A luminous, balanced gold — the color of honey in a jar.
- Cerulean (#00879B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#202242): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged jewel, vibrant, cool.
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
- Moss Lagoon color palette (#FFF1F4, #D199D9, #A0A835, #5B80B7, #382126)
- Airy Orchard color palette (#FFEFFF, #74AFFF, #7EA500, #2E79DA, #311A32)
- Dusty Ember color palette (#FFF0F7, #AB92FF, #FC5C2A, #009273, #271E43)
- Feathered Fuchsia color palette (#FFF1F2, #FF63DF, #BC8400, #0080AF, #3A1732)
- Wisteria Lagoon color palette (#FCDEE3, #CD6AD6, #BE7000, #007478, #260B12)
- Wandering Peony color palette (#FFF0F7, #B09BFF, #E955C6, #7A8100, #33182F)
- Feathered Archive color palette (#F0FBD3, #C0B5FF, #F6648B, #008D87, #432A4A)
- Weathered Atelier color palette (#FFF1F5, #BB7FFF, #8F6B00, #006642, #001123)
Browse the whole catalog at Explore, or see today's palette.