Amber Ridge color palette — #CBE6D1 · #D17A00 · #756B00 · #004E6D · #0D2B12

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

The five colors

• Celadon Mist (#CBE6D1): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#D17A00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#756B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#004E6D): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Forest (#0D2B12): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Washed Amber color palette (#DBF7E1, #D29332, #777F00, #005A8E, #173823)
• Misty Chapel color palette (#CDE6D1, #AC9000, #3E7B00, #24418D, #002C1E)
• Wandering Ember color palette (#CDE6D2, #E16855, #915C00, #005257, #3C1805)
• Patina Bloom color palette (#DDF6E2, #A27900, #496200, #003670, #1A1600)
• Tempered Station color palette (#FFF4DF, #CF9629, #796C00, #004B3B, #191100)
• Rust Station color palette (#CBE7CD, #CD3F00, #4C5200, #1D2873, #361D00)
• Ancient Bronze Ridge color palette (#DAEEDD, #906B00, #363500, #021C09, #090305)
• Dusty Amber color palette (#F4D9E1, #B97500, #007651, #003F87, #3E0026)

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