Amber Drift color palette — #F9DFCA · #C56900 · #0077B2 · #773D00 · #00314D

A conversation between Ochre and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F9DFCA): A whisper-light, dusty gold — the color of old brass.
• Ochre (#C56900): A luminous, balanced gold — the color of old brass.
• Cerulean (#0077B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#773D00): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Amber Drift 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

• Quiet Sapphire color palette (#F6E1C7, #B17700, #006AE0, #6A4600, #002B63)
• Amber Corridor color palette (#FFDEC0, #E28400, #0099CA, #975700, #003346)
• Muted Crimson color palette (#FFDBD7, #F4172E, #007E8F, #960015, #00353D)
• Sapphire Summit color palette (#FFF4E0, #C49E25, #395DED, #715900, #223572)
• Airy Pier color palette (#EDDED1, #A25E00, #00746A, #7000B5, #371D00)
• Washed Azure color palette (#FDF3EA, #D4A674, #51A1D8, #9A6524, #2F564A)
• Ancient Market color palette (#EFE4C5, #A09722, #6C10EC, #565000, #31176A)
• Airy Amber Bloom color palette (#FFE4C2, #D18400, #784E00, #412600, #251400)

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