Amber Harbor color palette — #E9F9F7 · #8FBD98 · #CF8452 · #3B844F · #624152

Mustard and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F9F7): a clean, paper-quiet neutral.
• Mint Leaf (#8FBD98): A luminous, dusty teal — the color of sea glass.
• Mustard (#CF8452): A luminous, balanced gold — the color of old brass.
• Fern (#3B844F): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#624152): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Amber Harbor color palette (#E7F9FB, #70C3A8, #C48D3B, #16856A, #3B553B)
• Blush Hollow color palette (#EDF8F2, #B9B36E, #D4798D, #7B7531, #58455D)
• Antique Mint Alley color palette (#E0F7F7, #7CC69C, #BE89AB, #41815E, #362B44)
• Patina Azure Chapel color palette (#E8FAF6, #96BD87, #37A5D6, #52813F, #355164)
• Dusty Coast color palette (#F2F8E7, #82DBA6, #D89CBF, #599D76, #644344)
• Iris Chapel color palette (#E8F8FD, #77BFBC, #998ECF, #008382, #464B66)
• Weathered Moss Drift color palette (#EBF7FF, #54ACCC, #769730, #00708E, #1A4C41)
• Muted Powder color palette (#E3FBFD, #CDDDEA, #ABC0EB, #6A9A9A, #405356)

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