Amber Harbor color palette — #FCF1F8 · #C0C7FF · #D48160 · #317A5F · #234027
Built around Coral Clay, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF1F8): a clean, paper-quiet neutral.
- Lilac Frost (#C0C7FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Coral Clay (#D48160): A luminous, balanced orange — the color of sun-warmed clay.
- Teal (#317A5F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#234027): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Amber Harbor 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
- Patina Taupe Thicket color palette (#FFF1F2, #EFB7E1, #9AA155, #2E748F, #174231)
- Mallow Lantern color palette (#F6F3FE, #ECB0E7, #D89596, #A57E56, #36425D)
- Hushed Ash Market color palette (#F0F1FC, #A98FC6, #6C784B, #3C542D, #122F13)
- Worn Oat Canyon color palette (#FFF0F9, #E6D9D5, #E8BBAF, #859A82, #4A5448)
- Antique Fern Cabin color palette (#F7F6EB, #BAE3DA, #72C0AC, #987E82, #424C00)
- Blush Thicket color palette (#FFF1F4, #FFD1D8, #ED92BD, #B56E78, #4E4643)
- Gentle Wisteria color palette (#FFF1F5, #D588FF, #9C7800, #005D5E, #002828)
- Airy Emerald color palette (#FFF2F0, #F59CBA, #5C9D4C, #05638C, #142A4F)
Browse the whole catalog at Explore, or see today's palette.