Frosted Amber Harbor color palette — #F3DAE4 · #C97400 · #7D7400 · #006476 · #10000C

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

The five colors

• Shell Pink (#F3DAE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#C97400): A luminous, balanced gold — the color of old brass.
• Walnut (#7D7400): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006476): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#10000C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Frosted 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

• Olive Meadow color palette (#EEDEE4, #C46C00, #268601, #005F95, #190004)
• Tempered Pine Workshop color palette (#FDDDEA, #AB6200, #007932, #004E59, #070006)
• Hushed Corridor color palette (#F0DBEF, #E23156, #8D6400, #006853, #06001D)
• Dusty Coral Balcony color palette (#D2F3DC, #F45D6F, #9F6A00, #005797, #2D0700)
• Patina Canyon color palette (#CDEDDD, #797100, #006338, #00306F, #070000)
• Peony Hollow color palette (#E9D7F0, #E05A89, #607F00, #00538E, #1C0031)
• Dusty Bronze Drift color palette (#F5D5E4, #BA5C00, #4F4016, #301022, #040004)
• Ultramarine Basin color palette (#DDF4E8, #999100, #008629, #064FBF, #140001)

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