Amber Harbor color palette — #EDF6FF · #87C8FF · #CD7100 · #8A7D00 · #04233C

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#87C8FF): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#CD7100): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#8A7D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#04233C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Weathered Amber Studio color palette (#F0F5FF, #81AEFF, #D18F00, #A58000, #0E213D)
• Feathered Ember color palette (#E7F9FF, #43D3FF, #E6572B, #BF6F1F, #002631)
• Mustard Dune color palette (#D8EFFF, #9BD6FF, #BDB22B, #C98500, #003450)
• Ancient Villa color palette (#F1F5FF, #ADACFF, #7C8C00, #626F07, #121935)
• Powdered Periwinkle Canyon color palette (#EEF6FF, #50A8FF, #A15E00, #5B6F1E, #000D1F)
• Chalky Garden color palette (#D5FFFC, #00C8C0, #FF588F, #CD6145, #002826)
• Cornflower Cabin color palette (#D5E6FF, #4494FF, #984B00, #654A00, #001639)
• Amber Loft color palette (#DDFFE9, #CBDA78, #AC9000, #7E5625, #182F10)

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