Amber Harbor color palette — #FDE8EF · #CC7800 · #008FA9 · #495AA3 · #351E28

Built around Mustard, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Blush (#FDE8EF): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#CC7800): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#008FA9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#495AA3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#351E28): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

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 Meadow color palette (#E2F4E4, #B78500, #008CBD, #5F5499, #182C1B)
• Sunlit Ember Study color palette (#FEE6F8, #D96955, #009487, #006896, #321F2E)
• Feathered Dune color palette (#EDF9EE, #B17500, #007590, #523D8B, #2E192E)
• Moss Lagoon color palette (#E6F6EE, #A19A00, #008188, #593A8F, #4F1409)
• Softworn Boulevard color palette (#FFEBD6, #EA9731, #4AAAE3, #378BBD, #372105)
• Rust Villa color palette (#FFE6F6, #BD4207, #475AA8, #324076, #351D2D)
• Dusty Meadow color palette (#FFF3E7, #DF851D, #589C62, #854575, #221000)
• Weathered Harbor color palette (#E1F4EB, #A4AA29, #276CC9, #81448B, #0B2D22)

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