Amber Basin color palette — #E3F3EE · #CC7A00 · #738400 · #006D5A · #010200

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

The five colors

• Cream (#E3F3EE): bright and airy, almost weightless.
• Mustard (#CC7A00): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#738400): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006D5A): A full-bodied, balanced teal — the color of sea glass.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Misty Emerald color palette (#CBEAE5, #B19300, #00944F, #00646E, #000402)
• Moss Courtyard color palette (#E4E1CB, #918900, #556B00, #004C0F, #030600)
• Soft Ember Archive color palette (#D6E9D7, #ED593D, #986E00, #246700, #020200)
• Fern Coast color palette (#DFF2DE, #80762B, #344F00, #3E2600, #070600)
• Forest Dune color palette (#F7E9CF, #6D784F, #05644C, #4D2142, #270007)
• Muted Olive Studio color palette (#E9EDDC, #3A7E00, #005831, #002B21, #000909)
• Patina Moss color palette (#D6F1F5, #73B100, #00A18D, #00699B, #000A0D)
• Airy Mustard color palette (#C4EAE9, #BEBC29, #00B37D, #0086AA, #001711)

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