Amber Harbor color palette — #F2E0F3 · #C37B24 · #002A59 · #170605 · #000105

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

The five colors

• Blush (#F2E0F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#C37B24): A luminous, balanced gold — the color of honey in a jar.
• Midnight (#002A59): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#170605): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Ember Basin color palette (#D1E8E0, #D66951, #002E4B, #090F13, #000103)
• Navy Orchard color palette (#EBD7E7, #A98B00, #0F147A, #0D0104, #00000B)
• Shadow Bronze Canyon color palette (#DFEEFF, #9A5B00, #001C3F, #1A0D14, #000410)
• Softworn Loft color palette (#F7EAF1, #DBCBCF, #C4999B, #46408F, #080005)
• Ancient Ultramarine color palette (#FFF0FD, #F7B725, #1649C6, #011554, #00000A)
• Moss Loft color palette (#FFE7EC, #8EB143, #58186C, #110018, #040001)
• Wandering Grove color palette (#DFEDFB, #28B071, #005B9C, #00294C, #000206)
• Washed Aubergine Corridor color palette (#FFF1F6, #98CB87, #5C3A92, #1E0C36, #040002)

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