Amber Harbor color palette — #FAF2F7 · #E4DDD2 · #7CC093 · #D1845C · #082322

Built around Coral Clay, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF2F7): a clean, paper-quiet neutral.
• Bone (#E4DDD2): bright and airy, almost weightless.
• Mint Leaf (#7CC093): A luminous, balanced teal — the color of glacier melt.
• Coral Clay (#D1845C): A luminous, balanced orange — the color of toasted spice.
• Onyx (#082322): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Blush Cabin color palette (#F7F3F9, #E7D9D6, #BDB067, #D77796, #13221A)
• Muted Amber Station color palette (#F1F7F3, #B8E1EE, #4FC1CF, #B3982C, #0F2128)
• Wandering Lagoon color palette (#EEF8F2, #B9B57B, #58AC94, #5C5E97, #2F1B28)
• Antique Bronze Veranda color palette (#EDF9EC, #FFCF96, #00AA8B, #AD6E00, #000D09)
• Dusty Pewter Courtyard color palette (#FFF1F5, #FECDDC, #94AB77, #81649A, #304537)
• Olive Atelier color palette (#FFF0F7, #D0DFCE, #BBBA81, #538636, #004B34)
• Lagoon Balcony color palette (#FBF3EE, #F3AE8D, #3B8F6F, #925F46, #2B3026)
• Weathered Pewter color palette (#FFF1F6, #EFC29B, #51A9B1, #925279, #41304E)

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